判断滚动条是否滚动到最底端

简介:

条件:

1
$( "div" )[0].scrollTop + $( "div" ).height() == $( "div" )[0].scrollHeight

完整滚动事件:

1
2
3
4
5
6
7
8
9
10
11
var  nScrollHight = 0; 
var  nScrollTop = 0;
var  nDivHight = $( ".div" ).height();
$( ".div" ).scroll( function () {  
     nScrollHight = $( this )[0].scrollHeight;
     nScrollTop = $( this )[0].scrollTop;
     if (nScrollTop + nDivHight == nScrollHight) {
     alert( "滚动条到底部了" );
     };
 
});



本文转自 爱笑嘚蛋蛋 51CTO博客,原文链接:http://blog.51cto.com/dd118/1843981,如需转载请自行联系原作者
相关文章
|
4月前
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
|
2月前
|
JavaScript
vue 监听滚动条行为 | 判断滚动条是向上滚动还是向下滚动
vue 监听滚动条行为 | 判断滚动条是向上滚动还是向下滚动
72 0
|
2月前
Element UI【详解】el-scrollbar 滚动条组件 —— 监听滚动条的滚动,跟随页面一起滚动,获取滚动距离,隐藏水平滚动条等
Element UI【详解】el-scrollbar 滚动条组件 —— 监听滚动条的滚动,跟随页面一起滚动,获取滚动距离,隐藏水平滚动条等
889 0
|
3月前
|
Web App开发 前端开发 JavaScript
如何隐藏一个元素的滚动条
如何隐藏一个元素的滚动条
45 0
|
4月前
自定义视口高度,多余的部分使用滚动
自定义视口高度,多余的部分使用滚动
判断滚动条距离顶部为0执行事件jq--滚动到顶部的距离
判断滚动条距离顶部为0执行事件jq--滚动到顶部的距离
元素去掉滚动条,保留滚动功能
元素去掉滚动条,保留滚动功能
|
小程序
小程序隐藏滚动条但还能继续滚动
小程序隐藏滚动条但还能继续滚动
145 0
|
Web App开发 JavaScript Android开发
jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
webtouch(webapp)页面,防苹果手机safari浏览器,往上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。
368 0