關于原生scroll

綁定事件

可以綁定在任意父元素上,只要它的子元素對應方向上的尺寸之和大于父元素對應尺寸,就可以發(fā)生滾動,在子元素發(fā)生滾動時觸發(fā)

獲取子元素的滾動高度

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,135評論 1 92
  • 1、可以橫向滾動某一組元素。 2、用做豎向滾動的時候,如果滾動的內容上方有對應的導航,你只需要將 包裹你要滾動的內...
    自律財富自由閱讀 2,309評論 0 0
  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網絡請求組件 FMDB本地數據庫組件 SD...
    陽明AI閱讀 16,203評論 3 119
  • 四月不聲不響 樟樹頭上開滿不知名的小花 荒野里的丁香 把快樂和悲傷 捆綁 又催促春雨叫醒遲鈍的根芽 荒野里 走來兩...
    妃卿閱讀 281評論 0 1
  • 百日目標檢視(延續(xù)300天目標)再度開啟(沖擊400天) 1.每天搟腳底6min*2,每周運動至少3次 2.每天晨...
    小橙子April閱讀 247評論 0 0

友情鏈接更多精彩內容