posts - 128,comments - 20,views - 21万

作者:@佑之以航
本文为作者原创,转载请注明出处:https://www.cnblogs.com/yzyh/p/7693071.html


  • 需求:假设我有一个名为box的盒子,当内容撑大时会出现滚动条,每次我事件触发时,滚动条都在底部。


<div class="box">内容</div>

<script>

  var el_height = $('.box').scrollHeight   ===>  获得滚动条的高度

  $('.box').scollTop(el_height)  ===> 设置滚动条的位置,滚动到底部

</script>

  • 需求:如何判断滚动条是否滑到底部?

//scrollHeight 整个滚动区域的长度
  $('.box')[0].scrollHeight
//scrollTop 滚动条距离上边的距离 clientHeight 滚动条自身的长度
  $('.box').scrollTop()+$('.box')[0].clientHeight
// 当整个滚动区域长度scrollHeight === scrollTop + clientHeight的值那么滚动条就已经到底了
  • 需求:滚动条滚动的事件?

onscroll
posted on   佑之以航  阅读(7354)  评论(0编辑  收藏  举报
努力加载评论中...

点击右上角即可分享
微信分享提示