scroll及相关属性

1. 获取滚动条的高度

Safari中使用的是 window.pageYOffset

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

所以兼容性的写法是：

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

 

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

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

element.scrollIntoView();

Boolean型参数

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

element.scrollIntoView(scrollIntoViewOptions)

　　Object型参数

{　　

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

block: "start"   |   "end"　　

} ;