Grow your CSS skills. Land your dream job.

HOW TO? – Category list move down page as scroll page??

  • # March 2, 2013 at 9:27 am

    Hi all, thanks in advance. Here’s the site I’m working on: http://blog.simeonhendrix.com

    Currently my category list is fixed and as the user scrolls down the page the category list ultimately becomes hidden, as it’s way at the top of the page.

    I’m trying to get the listed to move down as the view moves down the page. So that at any moment they can look to their right and see the category list.

    Thanks for any and all feedback!

    # March 2, 2013 at 10:26 am

    Ironically do exactly as you described. Use fixed position.

    # March 2, 2013 at 10:27 am

    edit: you can do it with fixed but i thought you want something smoother

    I’m not really sure how to do this but I guess it’s done with JavaScript/jQuery so you can google something with those keywords in mind

    # March 2, 2013 at 12:06 pm

    I think just using the FIXED would work. So I guess then, I would target the div around the CATEGORY and apply the ‘FIXED’ to it? Correct? THANKS GUYS!!

    # March 2, 2013 at 12:11 pm

    Yeap, you have your

    Just add position: fixed; to it and it’ll works just fine.

    # March 3, 2013 at 4:16 pm

    Awesome!! Thanks all for the help!!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".