scroll及相关属性

夙愿已清 提交于 2019-12-05 04:21:34

1. 获取滚动条的高度

Safari中使用的是 window.pageYOffset

IE中是 document.body.scrollTop 以及 document.documentElement.scrollTop;

所以兼容性的写法是:

1 var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

 


2. 将某个元素跳转到浏览器视口的最上方

括号内的参数为Boolean型参数或Object型参数

1 element.scrollIntoView();

Boolean型参数

  • true:元素的顶端将和其所在滚动区的可视区域的顶端对齐 ;(默认)
  • false:元素的底端将和其所在滚动区的可视区域的底端对齐 element.scrollIntoView(alignToTop);
1 element.scrollIntoView(scrollIntoViewOptions)

  Object型参数

{  

behavior: "auto"(默认)   |   "instant"   |   "smooth"(缓动),

block: "start"   |   "end"  

} ; 

 

 

 

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!