js window.scroll 怎么判断滚动到底部

js window.scroll 怎么判断滚动到底部,第1张

若要想判断js windowscroll是否滚动到底部,需要用的三个属性值,它们分别是:

scrollTop、clientHeight和scrollHeight;

1、scrollTop为滚动条在Y轴上的滚动距离。

2、clientHeight为内容可视区域的高度。

3、scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。

so,滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。

你的描述很不清楚,我只能认为元素位于浏览器正中位置了。因为对于滚动条只能获取它的scrollTop,那么只能在这个上面想办法。在这里你就要建立一个等式,四个参数,滚动条的scrollTop,window的height,目标元素的offersettop和它自身的height。给window一个scroll事件,

通过验证上面所说的等式是否成立,执行你要的代码。

关键

你要确定你的某个元素要在何时触发你的事件

1获取dom元素

2dom元素的属性

3获取元素到页面顶部的距离,原生js只能获取相对于父级的top值,所以需要递归获取offsetParent,直到最外层

4滑动动画

5浏览器滑动无效?兼容所有浏览器设置scrollTop的方法:

以上就是关于js window.scroll 怎么判断滚动到底部全部的内容,包括:js window.scroll 怎么判断滚动到底部、js jquery如何在页面滚动条 滚到某个元素的上面执行我的逻辑(方法)、React中ref获取元素位置,并通过js滑动到对应位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9487390.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存