怎样判断滚动条已到最底部?

zou_wei_forever 2009-11-02 11:18:06

RT！

...全文

179 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

sohighthesky 2009-11-02

打赏
举报

回复

[Quote=引用 1 楼 ltnrain 的回复:]
if(scrollTop+clientHeight==scrollHeight){
alert('到达底部');
}
[/Quote]
obj.scrollTop+obj.clientHeight>=obj.scrollHeight

草根醉秋意 2009-11-02

打赏
举报

回复

if(scrollTop+clientHeight==scrollHeight){
alert('到达底部');
}

sohighthesky 2009-11-02

打赏
举报

回复

[Quote=引用 3 楼 zou_wei_forever 的回复:]
解决了，顺便问问，到最顶端得条件是？
[/Quote]
obj.scrollTop==0;

zou_wei_forever 2009-11-02

打赏
举报

回复

[Quote=引用 1 楼 ltnrain 的回复:]
if(scrollTop+clientHeight==scrollHeight){
alert('到达底部');
}
[/Quote]

[Quote=引用 2 楼 sohighthesky 的回复:]
引用 1 楼 ltnrain 的回复:
if(scrollTop+clientHeight==scrollHeight){
alert('到达底部');
}

obj.scrollTop+obj.clientHeight>=obj.scrollHeight
[/Quote]

解决了，顺便问问，到最顶端得条件是？

JS如何判断滚动条是否滚到底部背景解决方案（以纵向滚动条为例，横向滚动条方法类似）背景通常我们需要判断滚动条是否滚到底部，以实现相应的功能，如“加载更多”等。那么如何通过js来判断滚动条是否滚到底部，请看以下方法解决方案（以纵向滚动条为例，横向滚动条方法类似）判断滚动条到底部，需要用到DOM的三个属性值，即clientHeight、scrollTop、scrollHeight。（横向滚动条则是clientWidth，scrollLeft，scrollWidth） clientHeight为内容可视

如何用JS判断滚动条拉到了最底部？其实原理很简单，用网页总高度-滚动的位置>浏览器可见区域高度，则证明滚动条拉到了最底部。不多说看代码测试：一、如何获得网页整体高度？利用jQuery获取body高度方法：$(documet).height();二、如何获得滚动高度？利用jQuery获取滚动高度方法：$("html,body").scrollTop();三、如何获得浏览器可见高度？利用JS获取...

在编程中，有时候我们需要判断页面滚动条是否已经滚动到底部。这在很多场景下都非常有用，比如当我们需要加载更多内容时，可以在用户滚动到页面底部时自动触发加载操作。判断滚动条是否到底部的条件是：滚动条的距离顶部的距离加上窗口的高度等于整个文档的高度。如果条件成立，说明滚动条已经滚动到底部，我们可以在条件成立的情况下执行相应的操作，比如加载更多内容。需要注意的是，由于浏览器的兼容性差异，有些浏览器可能会在滚动到底部时无法精确地判断。首先，我们需要使用jQuery库，确保在页面中引入了jQuery文件。

判断滚动条是否滚动到底部，需要用到DOM的三个属性值，scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容的总高度 滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。对于整个HTML文档来说，滚动条是否到达了最底部也是如此判断 //滚动条在Y轴上的滚动距离 fun...

jquery判断滚动条是否到底部的方法：1、使用【scrollTop()】方法，jQuery检测浏览器window滚动条到达底部；2、使用【scroll_div】检测动条到达底部事件。本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 jquery判断滚动条是否到底部的方法：一、jQuery检测浏览器window滚动条到达底部 jQuery获取位置和尺寸相关函数： $(document).height() 获取整个页面的高度 $(window).height()

87,994

社区成员

224,697

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章