Removing scrolling on mobile container using CSS
Hi,
My app redraws the screen based on orientation, so the layout of the different items on the screen is irrelevant, but it does fill more than one page prior to formatting.
Even though all of the elements are positioned correctly on the screen once loaded, I still have an issue with popups being able to be "pushed up off screen".
I have put this down to the original scroll bars on the screen, as it does not happen on a large screen device in portrait, only when in landscape.
To stop the scrolling, I have added the following CSS to "mobile container" object:
.stopscrolling {
overflow-x: hidden!important;
overflow-y: hidden!important;
overflow: hidden!important;
}
but this has no effect.
If I run the app with no startup code (ie the screen has items lower than visible, the scroll bars are still there.
Can you tell me how to overcome this please?