js怎么判断滚动往上还是往下，js怎么判断滚动条到底了

js如何判断滚动条是抽往上还是在往下,或者是停止滚动状态

判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。

判断鼠标滚轮是向上或向下滚动，不同的浏览器的判别方式是不一样的，当前比较流行的浏览器有 IE，Opera，Safari，Firefox，Chrome，在这个问题上Firefox和其他浏览器的实现方式是不一样的。

需要注意的是，浏览器一旦检测到滚动条发生滚动，就可以触发 onscroll 事件，而无需等到滚动行为结束。

可以这么试一下 在你的页面上某个位置放一个div或者就用你页面上已有的某个元素也行，当用户滚动的时候这个div相对于浏览器的顶部或底部的距离肯定会变化，然后你通过这个距离来判断用户浏览到当前页面的什么位置了。

这次给大家带来如何通过JS判断页面是否有滚动条，如何通过JS判断页面是否有滚动条的注意事项有哪些，下面就是实战案例，一起来看一下。

相关问答

Q1: 在手机html上js怎么判断页面是在向上或者向下滑动

首先新建一个html文件，命名为test.html，在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用button标签创建一个按钮，按钮名称分别为“刷新页面”。

原声的是设置要划动div的over-flew：scroll；这种方式实现之后部分机型会出现划动不畅，一般使用iscroll.js来解决移动端的一切划动问题。

判断滚动条的位置，scrollTop==0px，搜索框滑出，scrollTop10px，搜索框消失。

：想问问JS代码能支持WAP网站的。html浏览吗？2：我想讲这段JS代码加入到我的HTML代码中在WAP中详细：我有很多HTML文件如：htmlhtmlhtml...等等我想点击JS代码中的下一页进能... 1：想问问JS代码能支持WAP网站的。

Q2: 如何用javascript判断滚动条到底部代码实例详解

1、利用scroll 事件来监听。当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。scroll() 方法触发 scroll 事件，或规定当发生 scroll 事件时运行的函数。

2、可以这么试一下 在你的页面上某个位置放一个div或者就用你页面上已有的某个元素也行，当用户滚动的时候这个div相对于浏览器的顶部或底部的距离肯定会变化，然后你通过这个距离来判断用户浏览到当前页面的什么位置了。

3、前言最近在写插件的过程中，需要使用 JS 判断是否有滚动条，搜了一下，大致方法都差不多，但都有些_嗦，代码不够简洁。最终通过参考不同方法，写了一个比较简单的方法。

4、是全的。代码功能：每隔1毫秒调整两张警察图片的相对位置，让他们保持在窗口下方。

js怎么判断滚动往上还是往下的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js怎么判断滚动条到底了、js怎么判断滚动往上还是往下的信息别忘了在本站进行查找喔。