1-在页面中监听了滚动条,滚动到310px就固定定位了,添加类名的方式
handleScroll () {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
if (scrollTop > 310) {
this.searchBarFixed = true;
} else {
this.searchBarFixed = false;
}
2-但是在页面滚动的时候 导航条就会一直抖动
下面是html样式