织梦CMS - 轻松建站从此开始!

沙龙国际-沙龙国际娱乐-沙龙国际网上娱乐

当前位置: 主页 > 沙龙国际 >

(沙龙国际) javascript左右滑动手势与浏览器手势冲

时间:2017-07-07 00:44来源:未知 作者:admin 点击:
**HTML** .thumbnail style='width:屏幕宽度;height:屏幕高度' ul.thumbnailContent style='width:屏幕宽度;height:屏幕高度' il img il img il img **JAVASCRIPT** var startX = 0, touchendX = 0; // 滑动开始 thumbnailContent.addEve
**HTML**
    .thumbnail style='width:屏幕宽度;height:屏幕高度'
        ul.thumbnailContent style='width:屏幕宽度;height:屏幕高度'
            il
                img
            il
                img
            il
                img
                
                
                
**JAVASCRIPT**
        var startX = 0,
            touchendX = 0;
        
        // 滑动开始
        thumbnailContent.addEventListener('touchstart', function(e){
                    e.preventDefault(); **//解决方案**
                    startX = e.touches[0].clientX ;
        });
        
        // 滑动结束
        thumbnailContent.addEventListener('touchend', function(e){
                    e.preventDefault(); **//解决方案**
                    touchendX = e.changedTouches[0].clientX;
                    
                    var endX = touchendX - startX;
                    
                    if(endX 
      
      (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容