1) Script Title: Smooth Navigational Menu (v1.51)
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.htm
3) Describe problem:
Usihng the updated version described in http://www.dynamicdrive.com/forums/s...Android-Tablet I have this problem which only seems to be a problem on the iPad (and iPhone).
The first level submenus start out with display:block and visibility:none, so that they are not visible to the user. In my example, one of the submenu's initial position is off the right side of the page. iPad and iPhone browsers react to an object that is bigger than the page by making the page by horizontally scrollable, and sometimes setting an initial scroll position that is not great. The is undesrable.
When I touch on the high-level menu to display the submenu in question, it gets properly positioned and the horizontal scrolling problem goes away.
- use display:none to hide the submenu initially instead of visibility:hidden
- put the submenu in it's display position at initialization time (but this won't help if the window is resized after initialization)
Here is a screen shot of the FireBug display of one of the submenus before it is shown.