How can i disable scrolling on firefox mobile ?
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?
Wót haheute
Wšykne wótegrona (2)
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
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');