【代码分享】修复横屏下拖动长图时屏幕也被拖动的问题
一些动画设置了强制横屏然后需要拖动长图,拖动时可能会把屏幕也拖动
强制横屏:
设置拖动:
未修复效果:
http://www.mugeda.com/animation/edit/10a4847e
修复后效果:
http://www.mugeda.com/animation/edit/5b476666
修改过程就是把代码加入js框,然后给需要拖动的物体取名,然后用这个名字替换代码相应位置。
这个代码主要是把手指滑动的行为禁止来实现修复效果,可能会造成当前页面的默认翻页失效,如果还需要翻页效果,请自己加翻页的行为
强制横屏:
设置拖动:
未修复效果:
http://www.mugeda.com/animation/edit/10a4847e
修复后效果:
http://www.mugeda.com/animation/edit/5b476666
修改过程就是把代码加入js框,然后给需要拖动的物体取名,然后用这个名字替换代码相应位置。
这个代码主要是把手指滑动的行为禁止来实现修复效果,可能会造成当前页面的默认翻页失效,如果还需要翻页效果,请自己加翻页的行为
mugeda.addEventListener("renderReady",function()
{
//下面代码里的cover换成被拖动物体的名字
clearEventer('cover');
//上面代码里的cover换成被拖动物体的名字
function clearEventer(name){
var scene = mugeda.scene;
var target = scene.getObjectByName(name);
target.addEventListener("inputmove",function(e){
event.preventDefault();
});
}
});
没有找到相关结果
已邀请:
2 个回复
xuxiao8989
赞同来自:
document.addEventListener('touchmove',function(e){
e.preventDefault();
},false);
});
lx_mgd
赞同来自:
如果没有特定的元素,可以用楼上的方法