使用JQuery判断DIV滚动条是否到底

最新推荐文章于 2025-12-31 10:21:51 发布

原创最新推荐文章于 2025-12-31 10:21:51 发布 · 3.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

程序源码

当前文章被收录于：

程序源码

39 篇文章 0 人学习

订阅专栏查看详情

客户端脚本

当前文章被收录于：

客户端脚本

17 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个使用jQuery实现的滚动条监听示例，当滚动条达到指定元素底部时会触发警告提示，并实时更新滚动位置。

<
html
>



<
script 
src
="jquery-1.4.2.min.js"
></
script
>



<
script
>


$(document).ready(
function
 (){

    $(
"
#div1
"
).scroll(
function
(){$(
"
#span1
"
).html($(
"
#div1
"
).scrollTop())

        
if
($(
"
#div1
"
).height()
+
$(
"
#div1
"
).scrollTop()
>=
$(
"
#div2
"
).height())

            alert(
"
滚动条到底了
"
);    });

});


</
script
>



<
body
>



<
div 
id
="div1"
 style
="overflow-y: auto;overflow-x: hidden; height:500px;"
>



<
div 
id
="div2"
 style
="background-color:red; height:600px;"
>



</
div
>



</
div
>



<
span 
id
="span1"
><
span
>



</
body
>



</
html
>