溢出-y：隐藏，但仍然可以在 android 上使用 firefox 滚动

Question

我使用 jquery 在叠加​​层中打开部分视图（显示固定 div 并禁用底层网页的滚动）。这似乎适用于桌面上的 chromium 和 firefox，也适用于 chrome for android，但不适用于 firefox/android：

$('a#manage-albums').click(function(){
    $.get( this.href )
        .done(function( data ) {
            $('div#flvr-overlay-content').html(data);
            $('div#flvr-overlay-back').show();
            $('html,body').css('overflow-y','hidden');
        });
    return false;
});

覆盖出现并显示其内容，已修复，一切看起来都不错，但我仍然可以滚动底层网页..

如果这很重要，我也使用了这个元标记：

<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, user-scalable=no" />

如何在 android 上也为 firefox 禁用滚动（溢出-y）？

编辑：

看起来 Firefox 不喜欢 'overflow-y'。

用这一行：

$('html,body').css('overflow','hidden');`

滚动似乎停止/减少到 Firefox 菜单栏的高度。

Answer 1

方法有很多，先试试吧

gridview.setOnTouchListener(new OnTouchListener(){

@Override
public boolean onTouch(View v, MotionEvent event) {
    if(event.getAction() == MotionEvent.ACTION_MOVE){
        return true;
    }
    return false;
}

});

这就是网格视图。

Source

对于滚动视图，使用“verticalScrollDisabled = true”

或使用 (javascript)

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

或jquery

$(document).bind('touchmove', function(e) {
    e.preventDefault();
});

未能使用 $("body").css("overflow", "hidden!important"); 并且应该可以工作