1、首先通过data定义三个变量,一个代表滚动条滚动的距离,一个代表div距顶部的距离;
2、通过监听scroll来判断滚动条滚动的距离是否大于div距顶部的距离;
3、页面销毁的时候要清除点scoll事件;
handleScroll() {
this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || document.scrollingElement.scrollTop || 0;
if (this.scrollTop > this.tabOffsetTop) {
this.barFixed = true;
} else {
this.barFixed = false;
}
},