Results 1 to 3 of 3

Thread: Smooth Navigational Menu (v1.51) hidden submenu causes scrolling on iPad

  1. #1
    Join Date
    Feb 2013
    Location
    Texas, US
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Smooth Navigational Menu (v1.51) hidden submenu causes scrolling on iPad

    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.

    Possible solutions:
    - 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.

    Click image for larger version. 

Name:	Selection_001.jpg 
Views:	109 
Size:	11.8 KB 
ID:	4928

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,027
    Thanks
    44
    Thanked 3,210 Times in 3,172 Posts
    Blog Entries
    12

    Default

    In the ddsmoothmenu.css file, around line #50, make the highlighted change:

    Code:
    /*1st sub level menu*/
    .ddsmoothmenu ul li ul{
    position: absolute;
    left: -3000px;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
    }
    The browser cache may need to be cleared and/or the page refreshed to see changes.
    Last edited by jscheuer1; 02-09-2013 at 03:08 AM. Reason: misspelled filename
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Feb 2013
    Location
    Texas, US
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    It works! Thank you.

Similar Threads

  1. Smooth Navigational Menu (v1.5) Submenu Placement
    By BJBIX in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 02-08-2012, 04:07 PM
  2. Smooth Navigational Menu - Menu is Hidden underneath flash
    By pipelimecreative in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-25-2009, 12:05 AM
  3. Replies: 2
    Last Post: 03-18-2009, 05:14 AM
  4. Replies: 2
    Last Post: 03-13-2009, 02:17 PM
  5. Submenu Repositioning on Smooth Navigational Menu
    By sime0n in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 12-03-2008, 10:33 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •