问答

vue项目,拖拽事件,pageY受滚动的影响了

作者:admin 2021-05-15 我要评论

如图,实现效果为拖拽至左边任一矩形框中。 通过拖拽结束时,鼠标松开事件确定鼠标的位置。图中每个矩形框的高度一致且固定,当数量超过3个时候就会出现滚动条。...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

拖拽
如图,实现效果为拖拽至左边任一矩形框中。
通过拖拽结束时,鼠标松开事件确定鼠标的位置。图中每个矩形框的高度一致且固定,当数量超过3个时候就会出现滚动条。
image.png
这是测试鼠标位置的代码
image.png
这是标签绑定的鼠标结束事件
1.没有产生滚动时

image.png
打印的pagey与clienty
image.png

2.出现滚动时
image.png
打印的pageY与clienty
image.png

可见,出现了滚动条之后,pageY的值并没想象的那样相对page,倒是和client的值一样了,无法理解了

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 请问下prometheus怎么进行自定义的按业

    请问下prometheus怎么进行自定义的按业

  • 节流函数为什么,点击无效,监听窗口大

    节流函数为什么,点击无效,监听窗口大

  • express访问静态资源失败

    express访问静态资源失败

  • IE 浏览器下 match 方法报错

    IE 浏览器下 match 方法报错

腾讯云代理商
海外云服务器