Results 1 to 9 of 9

Thread: Submenu scrolls as the page scrolls down!

  1. #1
    Join Date
    Apr 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Submenu scrolls as the page scrolls down!

    Hello everyone,

    I am not an expert when it comes to CSS and I have a problem:
    In this website I made, I made a submenu to a few menu items.

    If you go here: www.aluf.dk --> Produkter --> Drop Box and then once you are here you mouse over"Produkter" again and scroll down the page you will see the submenu following the page.
    How do I fix that?
    You can see the CSS for it with the "inspect element" if you use chrome, and I know mozilla has something like that (firebug if I remember).

    Looking forward to hear from you!

    Manuel

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    I see that happening but only if you start to scroll when the mouse is still over the menu.If you move that mouse off the menu it does not do it.

    I am not sure if there is a"fix" but I will try and find more out.

    Maybe a css guru can tell us if it is a "fix" able issue or not
    Thanks,

    Bud

  3. #3
    Join Date
    Apr 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Well, actually if you scroll down the page right away, without going to the navigation menu (while still maintain the navigation menu on screen) and then you mouse over it, you will see the drop down menu displaced down the page

  4. #4
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    Sorry but if I remove my mouse from the menu(or the two links that drop down) then the menu does not follow to the bottom or toward the bottom.

    ONLY,if the mouse is left on the menu does it 'scroll' down toward the bottom.

    I do not have the issue you are refering to and I am using firefox 20.0
    Thanks,

    Bud

  5. #5
    Join Date
    Apr 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    First of all, if it makes any difference I am on a mac.

    If you do to Produkter---> Drop Box and then scroll down the page until the navigation menu is visible and then you browse over the navigation in order to get the submenu, this will be down about the middle of the page.
    This is true for me with the following browsers:
    Chrome Version 26.0.1410.43
    FireFox 20.0
    Safari Version 6.0.3 (7536.28.10)

    Here a screenshot from firefox 20.0 like you ajfmrf:
    http://imageshack.us/photo/my-images...0406at085.png/

  6. #6
    Join Date
    Apr 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    anyone??

  7. #7
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    OKay,I see what you mean but as I said it is only visable when you mouse is over the menu link,and leave the mouse over that link

    Look at the image you took-the menu item is dark grey,the color of the menu link when it is hovered over.

    I do think this should have a fix but I will see if I can look at the script more.

    Maybe a better css guru can help....
    Last edited by ajfmrf; 04-08-2013 at 12:32 AM. Reason: finish
    Thanks,

    Bud

  8. #8
    Join Date
    Apr 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thank you so much for helping me through this article, this is very useful for me and my site design development
    Last edited by james438; 04-16-2013 at 05:11 PM. Reason: removed signature

  9. #9
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,398
    Thanks
    32
    Thanked 153 Times in 147 Posts
    Blog Entries
    35

    Default

    In your css-file, you have:
    Code:
    #navigation li:hover ul {/*LOOK */
      display: block;
      position: fixed;/* this fixed the right empty space issue*/
    }
    That should be:
    Code:
    #navigation li:hover ul {/*LOOK */
      display: block;
      position: absolute;
    width: 1px
    }
    Last edited by molendijk; 04-16-2013 at 09:41 PM. Reason: correction

Similar Threads

  1. Replies: 2
    Last Post: 03-13-2012, 12:13 AM
  2. div fixed pos x but scrolls y
    By wwfc in forum JavaScript
    Replies: 7
    Last Post: 12-20-2011, 08:25 PM
  3. Div scrolls
    By shaoblivion in forum CSS
    Replies: 6
    Last Post: 11-11-2007, 08:58 PM
  4. Need Script That Scrolls Graphics Across Page
    By william.smith254 in forum Looking for such a script or service
    Replies: 0
    Last Post: 10-16-2007, 07:46 PM
  5. Collapsible Scrolls
    By redwall_hp in forum JavaScript
    Replies: 7
    Last Post: 08-24-2006, 01:24 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
  •