Hello,
We are encountering a problem with navigation appearing behind a menu list making it difficult to see the directions. After clicking on the list, a route should appear below it with directions and a map. The user will scroll up to see the step-by-step directions, but the menu list is not scrolling up, it's static on the screen. See screenshot below.
Here is a link to our app:
http://appery.io/app/mobile-frame?src...
Any help is appreciated.
Hello,
Is it working fine in the browser? It's working fine for me.
Hi Nikita,
It is working fine in the computer browser because there are two scroll bars. One for the main view (mobilecontainer) and one for the directions (directions panel). But on mobile devices (e.g., on mine, iOS), the menu list doesn't scroll up when I'm scrolling up the directions panel. Shouldn't it inherently scroll up? Please view it on your mobile and let me know what you see. Thanks!
Hi Lucy,
You set "height: 750px" for "directionsPanel" element.
That's no good idea to use scroll in such big area, because of user lose ability to scroll main scroll when this area overshadows parent container with a scroll.
So please remove this "height" attribute or set it to "auto" value (application will look better after).