判断页面滚动条是否到底部代码,Js代码库,德仔网

代码语言

代码分类

【Js】判断页面滚动条是否到底部

作者:Alex / 发布于2016/6/14/ 583

判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。

$(window).scroll(function(){

 　　var scrollTop = $(this).scrollTop();

 　　var scrollHeight = $(document).height();

 　　var windowHeight = $(this).height();

 　　if(scrollTop + windowHeight == scrollHeight){

 　　　$('.floatlink').addClass('fixer');

 　　}else{

    $('.floatlink').removeClass('fixer');

  }

 });

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　页面滚动条　　底部　

同语言下

可能有用的

Alex贡献的其它代码(27)