(1)列表的無縫滾動html
http://www.javashuo.com/article/p-gameshjd-h.htmlvue
innerHTML: 設置或獲取位於對象起始和結束標籤內的 HTMLreact
scrollHeight: 獲取對象的滾動高度。segmentfault
scrollLeft: 設置或獲取位於對象左邊界和窗口中目前可見內容的最左端之間的距離api
scrollTop: 設置或獲取位於對象最頂端和窗口中可見內容的最頂端之間的距離ide
scrollWidth: 獲取對象的滾動寬度ui
offsetHeight: 獲取對象相對於版面或由父座標 offsetParent 屬性指定的父座標的高度 spa
offsetLeft: 獲取對象相對於版面或由 offsetParent 屬性指定的父座標的計算左側位置htm
offsetTop: 獲取對象相對於版面或由 offsetTop 屬性指定的父座標的計算頂端位置對象
offsetWidth: 獲取對象相對於版面或由父座標 offsetParent 屬性指定的父座標的寬度
(2)vue $nextTick 的使用
在下次 DOM 更新循環結束以後執行延遲迴調。在修改數據以後當即使用這個方法,獲取更新後的 DOM
http://www.javashuo.com/article/p-mdltjrrc-ku.html
https://cn.vuejs.org/v2/guide/reactivity.html#%E5%BC%82%E6%AD%A5%E6%9B%B4%E6%96%B0%E9%98%9F%E5%88%97