項目中,本來想通過點擊左側列表讓頁面進行快速導航(根據 id="item" 和 a標簽的 href 屬性【<a href="#item"></a>】),不過滾動后的頁面一直是頂在瀏覽器頁面頂部的,不符合項目需求,所以就通過 js 代碼讓頁面進行指定位置滾動,代碼 ...
window .scroll function varscrollTop this .scrollTop varscrollHeight div .offset .top varwindowHeight this .height if scrollTop windowHeight gt scrollHeight 頁面滾動條滾動到div位置時執行if里的事件 ...
2017-02-28 10:08 0 1620 推薦指數:
項目中,本來想通過點擊左側列表讓頁面進行快速導航(根據 id="item" 和 a標簽的 href 屬性【<a href="#item"></a>】),不過滾動后的頁面一直是頂在瀏覽器頁面頂部的,不符合項目需求,所以就通過 js 代碼讓頁面進行指定位置滾動,代碼 ...
當頁面的長度比較長時,如果進行刷新頁面,我們希望能夠在刷新完成頁面之后,能夠停留在當前位置,而不是從頭再手動滾動到當前位置。 那么這樣的效果如何實現呢?下面開始簡單描寫(由於博客園不支持效果展示,所以效果自行復制代碼,運行查看咯) 頁面長度很長很長很長 頁面長度很長很長 ...
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js滾動到指定位置導航欄固定頂部</title> <style type ...
...
思想:1.通過div的onscroll事件記錄滾動條的scrollTop值,設置到document.cookie 2.頁面加載時再讀取document.cookie的值,設置給div的scrollTop js代碼實現: function KeepScrollBar ...
最近整理一下之前做的一個項目,把滾動條動態固定頂部的代碼整理出來和大家分享,上代碼 ...
js平滑滾動到頂部、底部、指定地方 ...