网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

js如何判断滚动条是否到底部

时间:2024-10-12 12:54:57

1、代码如下:<!DOCTYPE html><html><head> <meta charset=媪青怍牙"UTF-8"> <title>Test_Scroll_Bar_js</title> <meta name="viewport" content="width=device-width, user-scalable=no"></head><body> <div id="part1" style="height:1000px;overflow: auto;background: lightyellow;"></div> <div id="part2" style="height:1000px;overflow: auto;background:lightgreen;"></div> <script> var d = document.getElementById("part1").offsetHeight; console.info(d); window.addEventListener("scroll", function(event) { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; console.log(scrollTop); if(document.documentElement.scrollHeight == document.documentElement.clientHeight + scrollTop ) { alert("Touch_Buttom!"); } }); </script></body></html>

js如何判断滚动条是否到底部

2、滚动鼠标轮,向下浏览。

js如何判断滚动条是否到底部

3、到达末端弹出窗口说明已经到达底部。

js如何判断滚动条是否到底部
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com