首页 > 其他 > 详细

vue下实现div智能浮动

时间:2021-06-24 22:33:06      阅读:26      评论:0      收藏:0      [点我收藏+]

前提将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
      
    },
 

vue下实现div智能浮动

原文:https://www.cnblogs.com/Hansenne/p/14928581.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!