$(document).scrollTop()与$(window).scrollTop()
生活随笔
收集整理的這篇文章主要介紹了
$(document).scrollTop()与$(window).scrollTop()
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
$(document).scrollTop() 獲取垂直滾動(dòng)的距離 即當(dāng)前滾動(dòng)的地方的窗口頂端到整個(gè)頁(yè)面頂端的距離
要獲取頂端 只需要獲取到scrollTop()==0的時(shí)候 就是頂端了
要獲取底端 只要獲取$(document).scrollTop()>=(document).height()?(window).height() 就可以知道已經(jīng)滾動(dòng)到底端了 //滾動(dòng)時(shí)保存滾動(dòng)位置$(window).scroll(function(){if($(document).scrollTop()!=0){sessionStorage.setItem("offsetTop", $(window).scrollTop());//保存滾動(dòng)位置 // $(window).scrollTop()這個(gè)方法是當(dāng)前滾動(dòng)條滾動(dòng)的距離 }});window.onload = function(){var _offset = sessionStorage.getItem("offsetTop");$(document).scrollTop(_offset);console.log(_offset);};
要獲取頂端 只需要獲取到scrollTop()==0的時(shí)候 就是頂端了
要獲取底端 只要獲取$(document).scrollTop()>=(document).height()?(window).height() 就可以知道已經(jīng)滾動(dòng)到底端了 //滾動(dòng)時(shí)保存滾動(dòng)位置$(window).scroll(function(){if($(document).scrollTop()!=0){sessionStorage.setItem("offsetTop", $(window).scrollTop());//保存滾動(dòng)位置 // $(window).scrollTop()這個(gè)方法是當(dāng)前滾動(dòng)條滾動(dòng)的距離 }});window.onload = function(){var _offset = sessionStorage.getItem("offsetTop");$(document).scrollTop(_offset);console.log(_offset);};
?
轉(zhuǎn)載于:https://www.cnblogs.com/wang715100018066/p/6755729.html
總結(jié)
以上是生活随笔為你收集整理的$(document).scrollTop()与$(window).scrollTop()的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ECMAScript 6 -- let和
- 下一篇： java信息管理系统总结_java实现科