hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery获取滚动条位置的方法

墨初 Web前端 661阅读

jquery中的scrollTop()方法可以获取滚定条顶部和文档顶部之间的距离,比如说用户滑动页面向下滚动了100个像素,则使用scrollTop()方法就获取的值为100。根据这个原理,下面73so博客说一说如肯获取到滚动条的距离。

jquery获取滚动条距离的方法

scroll():此方法可以用于任何元素,它可以获取滚定条顶部和文档顶部之间的距离。

例:

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script>
// 滚动条滚动时触发
$(document).scroll(function() {
    // 获取到滚动条距离文章顶部的距离
    var scrollTop = $(document).scrollTop();
    console.log(scrollTop);
});
</script>

以上就是jquery脚本中获取滚动条位置的方法,各位可以参考一下。

声明:无特别说明,转载请标明本文来源!
相关推荐