按鈕滾動到指定位置(JS)
調用方式 : ...
調用方式 : ...
項目中,本來想通過點擊左側列表讓頁面進行快速導航(根據 id="item" 和 a標簽的 href 屬性【<a href="#item"></a>】),不過滾動后的頁面一直是頂在瀏覽器頁面頂部的,不符合項目需求,所以就通過 js 代碼讓頁面進行指定位置滾動,代碼 ...
首先獲取某元素的位置 第二部 top 就是元素在縱軸的位置 可以自己進行調整 這里選擇元素位置向上60px 就是-60 第三步滾動到指定位置 第二個參數為滾動時間 單位毫秒 ...
當頁面的長度比較長時,如果進行刷新頁面,我們希望能夠在刷新完成頁面之后,能夠停留在當前位置,而不是從頭再手動滾動到當前位置。 那么這樣的效果如何實現呢?下面開始簡單描寫(由於博客園不支持效果展示,所以效果自行復制代碼,運行查看咯) 頁面長度很長很長很長 頁面長度很長很長 ...
滾動到頂部: 滾動到指定位置: 滾動到底部: ...
$('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //頁面滾動至頂部 $('.scroll_a').click(function(){$('html,body ...
<body> <script type="text/javascript"> function click_scroll() { var scroll_offset = $("#pos").offset(); //得到pos這個div層 ...