若要想判断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滑动到对应位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)