关于原生scroll

2018-11-29  本文已影响0人  月下吴刚_c8c7

绑定事件

可以绑定在任意父元素上,只要它的子元素对应方向上的尺寸之和大于父元素对应尺寸,就可以发生滚动,在子元素发生滚动时触发

获取子元素的滚动高度

let y = childNode.scrollTop  // 得到一个正整数

设置子元素的滚动高度, 如让其滚动到某个位置

方法一  (瞬间)
childNode.scrollTo(200,1000)

方法二(可调)
childNode.scrollTo({ 
    top: 1000,   // 要滚动到的垂直位置
    left: 200 ,  // 要滚动到的水平位置
    behavior: "smooth"   // 滚动速度, smooth(平滑滚动),instant(瞬间滚动),默认值auto()瞬间滚动)
});

方法三(瞬间)
childNode.scrollTop = 1000;   // 垂直方向
childNode.scrollLeft = 200;   // 水平方向

上一篇 下一篇

猜你喜欢

热点阅读