用fixed或者sticky固然可以实现
但是想要动画效果怎么办?
思路
document.documentElement.scrollTop
判断当前页面有没有滚动,有的话加上一个吸顶效果的类名
代码
<header :class="{fixed:isFixed}" >
...
mounted() {
window.addEventListener('scroll', () => {
this.isFixed = document.documentElement.scrollTop
});
},
有想换工作的同学可以找我内推哦 wx:wjune212