#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2011
    Posts
    306
    Rep Power
    6

    Need help with sub menus dissapearing.


    Please see Now Hidden

    When you scroll up the top header is set to shrink. However, this causes the sub menus not to show. If you refresh the page and don't scroll the page the sub menus work.

    Any ideas on how to fix this would be great! Thanks!

    I just figured out that the #navigation element is set to overflow: hidden but I cannot figure out how to get rid of that. I marked it like so but it still says hidden:


    Code:
    $('#navigation').stop().animate({'opacity':'0.65','height':'50px','overflow':'visible'},600),
    Last edited by tech0925; November 19th, 2012 at 09:30 PM.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2011
    Posts
    306
    Rep Power
    6
    Ok for some reason I had to do it like this:

    Code:
    document.getElementById("navigation").style.overflow= "visible";
    It appears to be working now
  4. #3
  5. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,131
    Rep Power
    4304
    You found the plain JS way to do it, but jQuery provides the "css" method for doing that too:
    Code:
    $('#navigation').stop().css({'overflow':'visible'}).animate({'opacity':'0.65','height':'50px'},600)

    Comments on this post

    • tech0925 agrees
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2011
    Posts
    306
    Rep Power
    6
    Originally Posted by Kravvitz
    You found the plain JS way to do it, but jQuery provides the "css" method for doing that too:
    Code:
    $('#navigation').stop().css({'overflow':'visible'}).animate({'opacity':'0.65','height':'50px'},600)

    Thanks! I knew there had to be a simpler way to do it Thanks!

IMN logo majestic logo threadwatch logo seochat tools logo