前提将div属性设置为postion:fixed 变动top进行浮动
思路是利用mounted钩住监听滚动条事件,利用window.scrollY获取滚动条Y值,绑定top数据与获取的Y值进行等比转换实现智能浮动。
1.首先在div上绑定:style="‘top‘:top+‘px‘"
2.mounted住window.addEventListener("scroll", this.handleScrollStart);
3.handleScrollStart() {
this.top =window.scrollY*0.001+230
},