js 页面滚动

document.scrollingElement.scrollTop = 400;

Element.scrollTop

设置div的滚动条定位到顶部

//获取这个元素，然后设置它的滚动条的位置为初始位置（0,0）
document.getElementById(..).scrollTop = 0;

window.scrollTo()

window.scrollTo(x-coord,y-coord )
window.scrollTo(options)

• x-coord 是文档中的横轴坐标。
• y-coord 是文档中的纵轴坐标。
• options 是一个包含三个属性的对象:

1. _top_ 等同于 _y-coord_
2. left 等同于 x_-coord_
3. _behavior_ 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant

示例：

window.scrollTo( 0, 1000 );
// 设置滚动行为改为平滑的滚动
window.scrollTo({ 
    top: 1000, 
    behavior: "smooth" 
});

该函数其实和window.scroll()方法是一样的

window.scrollBy()

window.scrollBy(x-coord, y-coord);
window.scrollBy(options)

• X 是水平滚动的偏移量，单位：像素。
• Y 是垂直滚动的偏移量，单位：像素。

正数坐标会朝页面的右下方滚动，负数坐标会滚向页面的左上方。

• options 是一个包含三个属性的对象：

1. _top_ 等同于 _y-coord_
2. left 等同于 x_-coord_
3. _behavior_ 表示滚动行为，支持参数：_smooth_ (平滑滚动)，_instant_ (瞬间滚动)，默认值 _auto_，效果等同于 _instant_

示例：

向下滚动一页

window.scrollBy(0, window.innerHeight);

使用 options：

window.scrollBy({   
  top: 100,
  left: 100,   
  behavior: "smooth" 
});

element.scrollTo()

element.scrollTo(x-coord, y-coord)
element.scrollTo(options)

与window.scrollTo()类似

body.scrollTop 与 documentElement.scrollTop

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log(scrollTop);