原生js监听滚动元素的高度 监听元素滚动事件

两种监听页面滚动的方法

jquery 监听页面滚动使用的方法：.scroll()。新建一个HTML文档，定义的高度。创建JS脚本，使用.scroll() 方法监听页面滚动。如果页面发生滚动，则执行函数，弹出一个hello。

第一个值是不会吧的，主要是第二个值是不断在变，所以要写到滚动方法里：$(window).scroll()。

这个方法适用于顶部固定这种不是全页面在滚动的情况，只需要监听指定的位置滚动就能触发想要的效果。

然后在JS脚本中直接设置window的onscroll事件就可以获取滚动条滚动事件了，获取后这里弹出一个窗口：打开浏览器，此时向下滚动滚动条，就会弹出窗口了。

getScrollY()方法返回的是当前可见区域的顶端距整个页面顶端的距离，也就是当前内容滚动的距离。

相关问答

Q1: 原生js怎么监听元素内的滚轮滑动的高度?

1、简单点可以通过jquery来实现 scrollTop(offset) 方法返回或设置匹配元素的滚动条的垂直位置。offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。

2、假如使用 addEventListener，那就使用 removeListener 来移除。

3、监听事件，删除监听事件：IE678使用attachEvent/detachEvent， 其他浏览器使用addEventListener/removeEventListener。

Q2: 如何用js监听滚动条滚动事件

1、你需要三个div即可实现，最外层div设置你需要显示的高宽以及overflow为hidden，第二层设置overflow-x。

2、当浏览器滚动条滚动时会触发 onscroll 事件，通常情况下指上下滚动条滚动。需要注意的是，浏览器一旦检测到滚动条发生滚动，就可以触发 onscroll 事件，而无需等到滚动行为结束。

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

4、document.onscroll = function(){ if(document.body.scrollTop+document.body.clientHeight=document.body.scrollHeight){ alert(bottom)；} } body里放一个高度2000的div。不保证IE。

5、尝试用一下其中的id， 不要直接用 $(div)。

6、不知道你使用的是什么方式绑定的监听事件。假如使用 addEventListener，那就使用 removeListener 来移除。

Q3: js如何监听移动端页面滚出的距离

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

2、在vue中实现滚动监听和原生js无太大差异，下面是一个简单的demo，可在控制台查看结果。

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

Q4: JS原生监听滚动条

document.onscroll = function(){ if(document.body.scrollTop+document.body.clientHeight=document.body.scrollHeight){ alert(bottom)；} } body里放一个高度2000的div。不保证IE。

不知道你使用的是什么方式绑定的监听事件。假如使用 addEventListener，那就使用 removeListener 来移除。

不需要写js代码，给需要固定位置的标签设置样式：position：fixed 就能固定。

监听鼠标滚轮事件，通过onmousewheel的变化来修改background-image的宽高。才5分，不然我直接帮写了。

监听事件，删除监听事件：IE678使用attachEvent/detachEvent， 其他浏览器使用addEventListener/removeEventListener。

Q5: JS监听是否滚动到底部

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

2、主要实现方法是用滚动条距顶部高度+可视区高度与滚动条总高度进行比较。以上为本人对项目中遇到问题的一些见解，如有错误请指出，感谢您的观看。

3、js判断window.scroll 判断滚动到底部的方法是设置一个变量，来检测鼠标位置。

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

原生js监听滚动元素的高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于监听元素滚动事件、原生js监听滚动元素的高度的信息别忘了在本站进行查找喔。