Question

我使用jquery在叠加层中打开局部视图（显示固定的div并禁用底层网页的滚动）。这似乎适用于桌面上的chrome和firefox，以及适用于android的chrome，但不适用于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禁用滚动（overflow-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

对于scrollview，请使用“verticalScrollDisabled = true”

或使用（javascript）

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

或jquery

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

无法使用$("body").css("overflow", "hidden!important");并且应该有效

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

编辑：

1 个答案: