1-在頁面中監(jiān)聽了滾動條，滾動到310px就固定定位了，添加類名的方式

handleScroll () {

var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop

if (scrollTop > 310) {

this.searchBarFixed = true;

} else {

this.searchBarFixed = false;

}

2-但是在頁面滾動的時候 導(dǎo)航條就會一直抖動

下面是html樣式

主頁

簡介

成員

賽事

css的樣式：

.searchBar {

.isFixed {

position: fixed;

background-color: #fff;

top: 0;

z-index: 999;

width: 100%;

background-color: #fff;

}

}

跪求大神解答

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的vue 固定div 滚动_vue移动端 导航吸顶（固定定位）页面滚动出现抖动的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。