使用iScroll中的添加/刪除隱藏類的javascript頁面頂部

Question

我正在使用iScroll，共有3頁，可以通過添加/刪除.hidden類來加載。 當我在第一頁上滾動內容然后更改視圖時，將滾動加載下一個視圖並丟失內容。

單擊時如何使其滾動到可滾動div的頂部？

我實質上是使用以下代碼來控制視圖。 我之所以選擇這樣做，是因為加載單獨的頁面會在單獨的標簽中加載並且速度很慢。

function show_info_page(){
$('div.info_page').removeClass('hidden');
$('div.main_page').addClass('hidden');
$('div.stats_page').addClass('hidden');
$('div.contact_page').addClass('hidden');
$('div.info').addClass('active');
$('div.stats').removeClass('active');
$('div.contact').removeClass('active');}

Answer 1

您可以使用scrollTop()設置垂直滾動條的位置，並使用scrollLeft()設置水平滾動條的位置。 例：

$('div.info_page').scrollTop(0); // Scroll to top

Answer 2

iScroll具有兩個功能可解決此問題：

• refresh()用於在內容更改時通知iScroll。 如果在切換頁面時調用它，則iScroll可能完全滿足您的需求。

• scrollTo(0, 0, 0)明確告訴iScroll立即滾動到左上角。 您仍然應該調用refresh()來更新滾動條的高度，但是單獨使用refresh() ，iScroll可能會滾動到新內容的底部而不是頂部。

自然，您應該在iScroll對象（由構造函數返回）上調用這兩個函數。

資料來源： http : //cubiq.org/iscroll-4