android - 两个元素，使一个溢出隐藏而另一个寄存器为两个元素滚动？

Question

这主要用于手持触摸设备。

我正在使用 jQuery 库和 Hammer.js 来注册触摸事件。

我有 2 个元素，一个侧边栏和一个内容。内容位于菜单顶部，您可以在内容上向右滑动以显示边栏。

当您滑动内容时，我应用了 overflow:hidden;，只有在侧边栏上方时才可以垂直滚动。

现在尝试滚动内容没有任何作用，但我想将滚动事件转移到侧边栏。

所以当有人试图滚动内容时，侧边栏会移动，理解吗？

现在这是我正在使用的功能:

jQuery(document).ready(function($){
     var element = document.getElementById("wrapper");
     var hammertime = Hammer(element, {
        swipe_velocity: 0.1
    }).on('swiperight',function(){
         $(this).addClass('slidein');
    }).on('swipeleft',function(){
         $(this).removeClass('slidein');
    });;
});

Answer 1

这完成了工作，你必须使用 hammer.js，捕获 deltaY 位置并在侧边栏 .scrollTop 位置使用它。

jQuery(document).ready(function($){
     var element = document.getElementById("wrapper");
     var posX=0, posY=0;
     var hammertime = Hammer(element, {
        drag: true,
        swipe_velocity: 0.1,
        drag_block_vertical:true
    }).on('swiperight',function(){
         $(this).addClass('slidein');
    }).on('swipeleft',function(){
         $(this).removeClass('slidein');
    }).on('drag',function(ev){
         posX = ev.gesture.deltaX;
         posY = ev.gesture.deltaY;
         $('.snap-drawer').scrollTop(posY);
    });
});