2012年1月3日 星期二

[jQuery] 如何讓滾軸 (scroll) 保持原位

當視窗出現滾軸(scroll)的情況下, 假設我們在網頁下方將隱藏.hide()的區塊改為秀出.show(), 則畫面會自動跳到最頂端.
如果各位看倌跟我一樣感到不舒服的話, 你可以用以下的方式解決:

1. 先記錄目前scroll的垂直位置
var scrollTop = $(window).scrollTop();

2. 區塊由hide()改為show()後, 再設定scroll的垂直位置
$(window).scrollTop(scrollTop);

如此一來, scroll就會乖乖地保持原位囉!

參考資料: .scrollTop()