Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How can i disable scrolling on firefox mobile ?

  • 2 replies
  • 6 have this problem
  • 12 views
  • Last reply by haheute

haheute
haheute
more options

I want to disable scrolling for my responsive website, when a colorbox (like a lightbox) is layered over the page (as div, not as iframe). Scrolling should only be available for the colorbox-div, but not for body or html.

Therefore, I set "html" and/or "body" to "overflow:hidden" with the help of jquery. That works in chromium mobile and in the desktop versions of FF and chromium, but I can't figure out why I still have the scrollbar in Firefox on Android.

Is this a know 'problem'? What can I do?

I want to disable scrolling for my responsive website, when a colorbox (like a lightbox) is layered over the page (as div, not as iframe). Scrolling should only be available for the colorbox-div, but not for body or html. Therefore, I set "html" and/or "body" to "overflow:hidden" with the help of jquery. That works in chromium mobile and in the desktop versions of FF and chromium, but I can't figure out why I still have the scrollbar in Firefox on Android. Is this a know 'problem'? What can I do?

Modified by haheute

All Replies (2)

user709721
user709721
more options

Hello,

Thank you for contacting Mozilla. I understand that you are having problems with lightboxes scrolling in webpages. In order to better understand and investigate on the issue that you are encountering, please reply to this message with the following information:

  • What is the model of your phone? (ZTE Open, LG Fireweb or Alcatel OneTouch Fire)
  • What is the OS version found in the Device Information page? Please visit this link if you need help finding the Build ID of your phone.
  • Please provide the exact steps to reprodcuce the issue you are encountering.
  • Who is your current cell phone carrier?
  • How often do you encounter this issue?

Please be sure to include as much detail as possible, including any websites that may exhibit this issue, and any error messages that you may be receiving, exactly as they appear. This will ensure that we will have all the information needed to investigate into this. Thank you for your help and we look forward to hearing from you!

Curtis

haheute
haheute Question owner
more options

Hello.

I have only tested with my own phone, a Fairphone, running with Caju (Fairphone 1.1) (Android 4.2.2) and Firefox 28.0 . My phone 'company' is Fonic.

The scrolling is always there, with firefox on this phone. I want to disable scrolling for the underlying page, after clicking on a picture, as long as the colorbox is open on https://flavuur.de .

The jquery I use is: $("html").css('overflow', 'hidden');