2016 - 2024

感恩一路有你

vuejs可视化拖拽布局 vue如何实现移动端滚动让一个图标显示隐藏?

浏览量:1085 时间:2021-03-16 19:10:35 作者:admin

vue如何实现移动端滚动让一个图标显示隐藏?

mounted(){varboDiv=文档.getElementById( 此id)if(boDiv==未定义){return}varisFirefox=navigator.userAgent.indexOf(“Firefox”)如果(isFirefox>0){boDiv.addEventListener公司(“dommousescroll”,函数(事件){//Firefox varevt)=window.event事件||参数[0]如果(evt.详图和lt=-3){ boDiv.scrollTop=博迪夫.scrollTop-10}elseif(evt.详图>=3){ 上卷= 上卷10} evt.stopPropagation公司() evt.prevent默认值()},false)}否则{boDiv.addEventListener公司(“mousewheel”,函数(事件){varevt=window.event事件||参数[0]evt.returnValue=false//阻止正文滚动事件(电动轮三角洲和lt=-120){ boDiv.scrollTop=博迪夫.scrollTop 40}其他(电动轮增量>=120){ boDiv.scrollTop=博迪夫.scrollTop-40}}}}}

这个问题的本质可以追溯到IOS runloop。滑动时Runloop切换模式。Nstimer和Scrollview默认分为两种模式,可以通过以下两种方式解决:分别将计时器添加到两种模式中;将计时器添加到顶部runloop的“common mode items”中,“common mode items”替换为runloop自动更新到具有“common”属性的所有模式。

vuejs可视化拖拽布局 vuedraggable自由拖拽 vue实现拖拽可视化

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。