研究了兩天，終於實現了自己想要的功能，先說這個功能就是監聽滾動條，讓他到達某個位置後停止，比如吸頂功能。這個功能我在網上查了兩天，基本沒有我想要的效果，全是吸頂的，無奈做了更多的功課。還有一種方法可以實現，就是position：sticky。話不多說直接看效果圖
一、效果圖
就是標記這一塊，拉到下面的時候，停留在下面
二、如何實現
1.先來個掛載的鉤子函式
mounted ()
)
destroyed ()
,
onscroll()
;},
同時，還要在return裡寫上這個fixed屬性的預設值，為true
這樣，就可以實現這種效果了，最後來看下css樣式
Js實現滾動載入原理 監聽滾動條滾動
原理 就是監聽頁面滾動事件，分析clientheight scrolltop scrollheight三者的屬性關係。1.document.compatmode css1compat 模式下 也就是宣告了dtd情況下 window.addeventlistener scroll function f...
監聽滾動條事件
今天遇到需要監聽滾動條事件的問題，本來以為是乙個簡單的監聽就好了，哪成想，這麼多bug，說到底還是自己基礎不紮實，所以趁現在下班沒事把它記錄下來。以備後續所需，哈哈。1 首先是最基本的監聽事件 methods mounted mounted 後面的 true 則是第三個引數然後就可以出來了 下圖便是...
監聽滾動條動態載入
最近做了個聊天的專案所以需要向上滾動然後動態載入，於是我就把這一塊單獨提取出來弄成外掛程式。下面就是實現的效果 直接弄在arr上面他重新取值的話會被覆蓋this.nodescrollarr self.bind scroll function else if path bottom contenth ...