码迷,mamicode.com
首页 > 其他好文 > 详细

VUE 监听局部滚动 设置ICON的位置跟随

时间:2019-02-13 13:06:57      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:this   滚动事件   滚动   事件   off   img   png   top   技术   

效果图如下:

  技术图片

目的:

  为了让 + 号与 - 号跟随在当前 tr 的前边

第一步:

  当tr指针经过时获取tr的相对位置
  HTML

  技术图片

  JS

  技术图片

第二步:给滚动的div元素添加滚动事件获取滚动的高度

  技术图片

最后:设置ICON的位置

  技术图片

  ICON的位置 = 当前tr的位置 + tr父元素的相对位置 - div的滚动高度

      this.removeRowoffsetTop = node.offsetTop + 228 - this.divScrollTop;

VUE 监听局部滚动 设置ICON的位置跟随

标签:this   滚动事件   滚动   事件   off   img   png   top   技术   

原文地址:https://www.cnblogs.com/hzx-5/p/10369066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!