關於原生scroll

weixin_34128411發表於2018-11-29

繫結事件

可以繫結在任意父元素上,只要它的子元素對應方向上的尺寸之和大於父元素對應尺寸,就可以發生滾動,在子元素髮生滾動時觸發

獲取子元素的滾動高度

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;   // 水平方向

相關文章