關於原生scroll
繫結事件
可以繫結在任意父元素上,只要它的子元素對應方向上的尺寸之和大於父元素對應尺寸,就可以發生滾動,在子元素髮生滾動時觸發
獲取子元素的滾動高度
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; // 水平方向
相關文章
- 關於UC瀏覽器相容scroll事件問題瀏覽器事件
- 關於雲原生,這些你要知道
- 元素 offset client scroll 相關屬性簡介client
- 極狐GitLab|雲原生時代,關於GitOps你知道多少?Gitlab
- 關於Electron原生模組編譯的一點總結編譯
- [Vue Router] Scroll BehaviorVue
- 一份關於.NET Core雲原生採用情況調查
- 雲原生 SIG:關於 Koordinator 混部原理及最佳實踐 | 第 43 期
- 雲原生 SIG 直播:關於 cni 與 hybridnet 核心技術分享 | 第 35 期
- 關於雲原生應用,這些安全風險瞭解一下
- better-scroll滾動不了
- 關於IT,關於技術
- 關於如何使用原生HTML + JS + CSS繪製簡單折線柱狀圖HTMLJSCSS
- 一篇關於原生 js 開發一款外掛的前端教程JS前端
- 捲軸外掛vue-scrollVue
- 關於
- 關於~
- 關於++[[]][+[]]+[+[]]
- CSS & JS Effect – 用 wheel 模擬 scrollCSSJS
- better-scroll使用的坑與心得
- SpringBoot整合Elasticsearch遊標查詢(scroll)Spring BootElasticsearch
- better-scroll不能滾動問題
- 原生 CSS Custom Highlight 終於來了~CSS
- 今天 2 點:關於龍蜥社群雲原生 SIG 及安全容器 runD 介紹 | 第 24 期
- React數字滾動元件 numbers-scrollReact元件
- 解決 scroll-view 元件 [Intervention] 報錯View元件
- 【JavaScript】offset、client、scroll、mouseover和mouseenter區別JavaScriptclient
- 小程式scroll-view換行問題View
- better-scroll 實現無縫輪播
- 關於mavenMaven
- 關於我
- 關於思路
- 關於RESTREST
- 關於 webmWeb
- 關於列印
- 關於液泡
- 關於RE
- 關於AUC