jquery - overflow-y:hidden, but still scrollable with firefox on android -

i open partial view in overlay using jquery (showing fixed div , disable scrolling underlying webpage). seems work in chromium , firefox on desktop, , in chrome android, not in 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; }); 

the overlay appears , shows content, fixed , looks good, can still scroll underlying webpage..

i have meta tag in use, if matters:

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

how can disable scrolling (overflow-y) firefox on android?

edit:

it looks if firefox not 'overflow-y'.

with line:

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

the scrolling seems stopped / reduced height of firefox menu bar.

there number of ways it, first try

gridview.setontouchlistener(new ontouchlistener(){  @override public boolean ontouch(view v, motionevent event) {     if(event.getaction() == motionevent.action_move){         return true;     }     return false; }  }); 

thats gridview.

source

for scrollview use "verticalscrolldisabled = true"

or use (javascript)

document.body.addeventlistener('touchmove', function(e){ e.preventdefault(); }); 

or jquery

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

failing use $("body").css("overflow", "hidden!important"); , should work