滚动条判断是否滑动到顶部底部
生活随笔
收集整理的這篇文章主要介紹了
滚动条判断是否滑动到顶部底部
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
/*** [滾動條]*/$(window).scroll(function() {var scrollTop = $(this).scrollTop(); // 滾動條距離頂部的高度console.log("滾動條距離頂部的高度-->" scrollTop);var scrollHeight = $(document).height(); // 當前頁面的總高度console.log("當前頁面的總高度-->" scrollHeight);var clientHeight = $(this).height(); // 當前可視的頁面高度console.log("當前可視的頁面高度-->" clientHeight);if (scrollTop clientHeight >= scrollHeight) { // 距離頂部高度 可視高度 >= 文檔總高度 即代表滑動到底部 // code...alert('已經到底了!');} else if (scrollTop <= 0) {// code...alert('已經到頂了!');}});
更多專業(yè)前端知識,請上 【猿2048】www.mk2048.com
?
更多專業(yè)前端知識,請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的滚动条判断是否滑动到顶部底部的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Vue脚手架搭建项目
- 下一篇: 消息提示框-事件冒泡