前言:最近工作中,有这样一个场景,判断一个元素是否在滚动的可视区域内,不在就固定到可视区域的上方。为了以后再次遇到,所以记录下来,并分享。转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9302392.html 网站地址 ...
应用场景:只要页面加载了,其中在页面中出现的li就向控制台输出第几个发送请求 在本次加载的页面中,再将滚动条滚回前边的li,不再向控制台输出东西,也就是说已经显示过的li,不再向控制台输出东西。 lt body gt lt ul gt lt li onclick jumpOther gt lt li gt lt li gt lt li gt lt li gt lt li gt lt li gt l ...
2019-08-29 15:30 0 2377 推荐指数:
前言:最近工作中,有这样一个场景,判断一个元素是否在滚动的可视区域内,不在就固定到可视区域的上方。为了以后再次遇到,所以记录下来,并分享。转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9302392.html 网站地址 ...
老是忘记这个函数名,记录一下啊 ...
如果页面有头部置顶和底部置底的元素,需要自行进行计算: scrollTop + 头部置顶元素高度 screenHeight - (置顶和置底元素的高度) ...
介绍 Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。 根据MDN文档 getBoundingClientRect 方法返回的是一个DOMRect对象 DOMRect 对象包含了一组用于描述边框的只读属性left、top ...
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内 =================================================================== element.scrollIntoView ...
...
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内 语法 参数 alignToTop (Boolean型参数) scrollIntoViewOptions (Object型参数 ...
下面看代码吧 ...