jquery如何判断滚动条是否存在?

jquery如何判断滚动条是否存在?下面本篇文章给大家介绍一下jQuery判断滚动条是否存在的简单方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

jquery如何判断滚动条是否存在?

可以利用jQuery控制滚动条滚动,再判断滚动条是否有偏移。如果有,则存在滚动条,相反没有滚动就不存在。

<script type="text/javascript">
$(function(){
  $("body").scrollTop(10);//控制滚动条下移10px
  if( $("body").scrollTop()>0 ){
    alert("有滚动条");
  }else{
    alert("没有滚动条");
  }
  $("body").scrollTop(0);//滚动条返回顶部
});
</script>

拓展:

scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。

如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。

提示:当滚动条位于最顶部时,位置是 0。

语法

$(selector).scrollTop(offset)

参数:

  • offset 可选。规定相对滚动条顶部的偏移,以像素计。

注释:

  • 该方法对于可见元素和不可见元素均有效。

  • 当用于获取值时,该方法只返回第一个匹配元素的 scroll top offset。

  • 当用于设置值时,该方法设置所有匹配元素的 scroll top offset。

scroll top offset 指的是滚动条相对于其顶部的偏移。

更多前端开发知识,请查阅 HTML中文网 !!

以上就是jquery如何判断滚动条是否存在?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏