【代码分享】修复横屏下拖动长图时屏幕也被拖动的问题

一些动画设置了强制横屏然后需要拖动长图,拖动时可能会把屏幕也拖动
 
强制横屏:

hengping.png

 
设置拖动:

tuodong.png

 
未修复效果:
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();
});

}

});
已邀请:

xuxiao8989

赞同来自:

mugeda.addEventListener('renderready',function(){

    document.addEventListener('touchmove',function(e){
        e.preventDefault();
    },false);
});

lx_mgd

赞同来自:

如果是拖动某个特定元素,可以用帖子里的方法,给元素取名,然后修改 clearEventer('cover'); 这个里面的cover为元素的名字;
如果没有特定的元素,可以用楼上的方法

要回复问题请先登录注册