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如何判断滚动条是否到底部
  • 装修延期怎么赔付
  • 给宝宝添加辅食有哪些重要性
  • 球形锁使用要注意什么?
  • 怎样应急处理阴道出血
  • 《龙腾世纪2》全任务图文攻略第一章
  • 热门搜索
    元宵节手抄报内容 心理健康教育手抄报 文明手抄报 四年级手抄报 关于党的手抄报 防溺水的手抄报 创卫手抄报 春节英语手抄报 节约粮食手抄报 普通话手抄报