Results 1 to 3 of 3

Thread: Smooth Navigational Menu (v1.5) bounces page down in IE 9 (clean CSS and JS)

  1. #1
    Join Date
    Nov 2010
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Smooth Navigational Menu (v1.5) bounces page down in IE 9 (clean CSS and JS)

    1) Script Title:
    Smooth Navigational Menu (v1.5)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.htm

    3) Describe problem:

    My menu is having problems specific to IE browser 9.0 (no problem in Chrome/Firefox). When you scroll over the navigation dropdowns the whole page drops down (shifts vertically) by the same length of the dropdown menu.

    Unlike a previous poster reverting to the clean CSS and JS does not fix this.

    I have posted it with unmodified files:

    janakilennie.com/test/Index.html

    apart from commenting out the arrows but I tried it with them and it made no difference.

    Thanks for any advice / help.

    Graham

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Even though you think you're not using it, you still need the ddsmoothmenu.css file. The ddsmoothmenu-v.css file alone is not enough for IE.

    By the way, IE 9 could be alright with just the one css file if you edited the script to accurately detect IE 9's support for the css3 box-shadow property. But IE 8 and less still need the ddsmoothmenu.css file. To update the script for IE 9, using a text only editor like NotePad, edit ddsmoothmenu.js file here as shown:

    Code:
    transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
    shadow: {enable:true, offsetx:5, offsety:5}, //enable shadow?
    showhidedelay: {showdelay: 100, hidedelay: 200}, //set delay in milliseconds before sub menus appear and disappear, respectively
    
    ///////Stop configuring beyond here///////////////////////////
    
    detectwebkit: navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1, //detect WebKit browsers (Safari, Chrome etc)
    detectie6: document.all && !window.XMLHttpRequest,
    css3support: typeof document.documentElement.style.boxShadow === 'string' || (!document.all && document.querySelector), //detect browsers that support CSS3 box shadows (ie9+ or FF3.5+, Safari3+, Chrome etc)
    
    getajaxmenu:function($, sett . . .
    IE 8 is still and will continue to be in fairly wide use though because Win XP users cannot update to IE 9. So regardless of whether or not you make the above edit, add the ddsoothmenu.css file to your page.

    The browser cache may need to be cleared and/or the page refreshed to see changes.
    - John
    ________________________

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

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    GrahamO (01-02-2013)

  4. #3
    Join Date
    Nov 2010
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    John,
    Thank you SO much for the quick and accurate response. It works fine now. I would never have found that one. Browser compatibility is not my strong suit......

    Graham

Similar Threads

  1. Smooth Navigational Menu dropdowns shifts page down, only in IE
    By gootz7 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 05-30-2012, 04:19 AM
  2. Smooth Navigational Menu (Master Page Issues)
    By pvong in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 07-30-2010, 09:55 PM
  3. Page centering issue /Smooth Navigational Menu
    By prtllc in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 03-11-2009, 03:27 AM
  4. Smooth Navigational Menu & Master Page
    By Javier in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 11-21-2008, 06:20 AM

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
  •