使用Hammer.js添加滑动时水平滚动不起作用

时间:2019-04-03 04:11:57

标签: javascript jquery html jquery-mobile hammer.js

一个html文件包含一些需要隐藏或在划动时显示的部分。我使用Hammer.js编写的功能工作正常,但触摸时的水平滚动保持冻结状态。

锤子有问题吗?这是代码。

var element = document.body;

var hammertime = new Hammer(element);
hammertime.on('swiperight', function(ev) {
  var id = $('.content:visible').data('id');
    var prevId = $('.content:visible').data('id')-1;

if(prevId == -1){ 
    return 0;

    }

    $('[data-id="'+id+'"]').hide();
    $('[data-id="'+prevId+'"]').show();
$('html, body').animate({scrollTop: '0px'}, 30);

});


var hammertime2 = new Hammer(element);

hammertime2.on('swipeleft', function(ev) {
 var id = $('.content:visible').data('id');
    var nextId = $('.content:visible').data('id')+1;

 if(nextId == 80){ 
    return 0;

    }

是否可以添加拖动以启用水平滚动?如何添加拖动以模拟水平滚动?

0 个答案:

没有答案