SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict
    Join Date
    Mar 2004
    Posts
    260
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    fixed position when scrolling in IE6

    In Firefox, the navigation stays perfectly in place when scrolling:
    http://veer.f2o.org/lon.html

    I have no chance to see it in IE 7 at the moment.

    But, the BIG QUESTION is:
    How can I achieve this in IE 6?

    Many thanks for any help.

  2. #2
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    CSS-only way: http://www.cssplay.co.uk/layouts/fixed.html
    Javascript: http://www.howtocreate.co.uk/fixedPosition.html

    I recommend you pay attention to the beginning of the second link and forget about emulating position:fixed for IE6. It doesn't look like it's absolutely necessary in your case. Also, why must one scroll down so far before getting to the content?

  3. #3
    SitePoint Zealot
    Join Date
    May 2007
    Posts
    111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The reason for having to scroll to the content is #content {padding-top:2000px;
    If this is changed to like 20px, the page wpuldn't be so long.

  4. #4
    SitePoint Addict
    Join Date
    Mar 2004
    Posts
    260
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great -- many thanks. I'll try those!

    Quote Originally Posted by Raffles View Post
    Also, why must one scroll down so far before getting to the content?
    The reason is that we want to have still a nice and clean page with the menu only at this stage. Only when a meny item is clicked the content should appear. And it's quite nice for it to scroll in like that.

  5. #5
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I can't say I agree with your final statement... while the javascript scrolling effect is nice and cool, people simply will not expect that to happen, especially because the links are so small and inconspicuous. Also, the fact there is an enormous scrollbar makes people want to scroll before clicking anything.

    If you really want to stick with this, you should give the body overflow:hidden to get rid of the scrollbar and when one of those links is clicked, set it back to overflow:auto or visible.


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
  •