vue移動端監(jiān)聽滾動條高度的實現(xiàn)方法
這兩天做移動端項目遇到的問題,就是當滾動條下拉到一定的高度的時候,讓某個東西固定定位到頂部
首先做的如何監(jiān)聽滾動條的高度,下面是我寫的方法
var _this =this window.addEventListener('scroll',function(){ var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; if(scrollTop>100{//滾動條的高度,可以動態(tài)獲取也可以寫死 //這里寫要執(zhí)行的操作
_this.gofixed = false
console.log(1); }else{ _this.gofixed = true }},true)我的這個方法是應用v-bind:class 來添加一個類 名
gofixed
是判斷的變量
以上這篇vue移動端監(jiān)聽滾動條高度的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Nuxt如何實現(xiàn)將服務測數(shù)據(jù)存儲到Vuex中
這篇文章主要介紹了Nuxt如何實現(xiàn)將服務測數(shù)據(jù)存儲到Vuex中的方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10Element?ui關閉el-dialog時如何清除數(shù)據(jù)
這篇文章主要介紹了Element?ui關閉el-dialog時如何清除數(shù)據(jù)問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-02-02Vue實現(xiàn)textarea固定輸入行數(shù)與添加下劃線樣式的思路詳解
這篇文章主要介紹了使用Vue實現(xiàn)textarea固定輸入行數(shù)與添加下劃線樣式的思路詳解,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-06-06vue項目實現(xiàn)減少app.js和vender.js的體積操作
這篇文章主要介紹了vue項目實現(xiàn)減少app.js和vender.js的體積操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11