原生js获取页面滚动距离，js获取当前滚动条的位置

两种监听页面滚动的方法

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

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

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

相关问答

Q1: jquery获取滚动条高度和位置

jquery获取滚动条高度使用.scrollTop()方法。首先我们新建一个长篇的HTML文档。然后我们编辑JS脚本，使用.scroll()方法，监听网页滚动。然后我们使用.scrollTop()获取垂直滚动距离。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。

Q2: js怎么控制网页滚动到指定位置

1、有两种方法。通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

2、在页面下部添加一个锚点比如 再在flash添加一个onclick事件，代码为：onclick=window.location.hash=aa即可。

3、react在componentDidMount的时候监听 补充写一下火狐的 测试检查一下。完成啦，啦啦啦～我的截图：缺点：这里我是一直对页面进行监听，导致滑动过快对时候动画效果开始执行对时间延后。体现为滑动对轻，整个就流畅一点。

4、px；height：300px；background：#F66；font：normal 13px/30px \5FAE\8F6F\96C5\ 9ED1；text-align：center；top：10px；}。书写并添加js代码。这就完成了。

5、通过div的scrollTop变动控制垂直滚动条位置。\x0d\x0a通过div的scrollLeft变动控制水平滚动条位置。

6、亲你好，我前几天刚刚做了一个这个效果。下面我将分享给你。 首先你去网上搜索一个Jquery的插件 这个插件的名字叫做【jquery.scroll-follow.js】 引用一个CSS的样式 引用这个插件的使用函数就可以。

关于原生js获取页面滚动距离和js获取当前滚动条的位置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。