Get a free trial // Grow your CSS skills // Land your dream job

Smooth Scrolling Between Links on Single Page Site

  • # February 28, 2012 at 3:50 pm

    Hi, just wondering what everyone’s favorite method to achieve smooth scrolling is these days. Most of the ways I’ve found only work one way or on a single ID (for example: back to top).

    On the next site I build I’d like to do something like:


    # February 28, 2012 at 4:57 pm

    Do you mean the parallax effect on the entire page?
    check this out

    # February 28, 2012 at 6:31 pm

    Something like this?

    # February 29, 2012 at 11:17 am

    @karlpcrowley, i wasnt thinking of utilizing the parallax effect for this but that’s still really cool. thanks for the link.

    @Senff, thanks a lot man, that’s perfect, i think i’ll make the nav sticky so they dont have to go back to top to navigate the site.

    # March 1, 2012 at 8:32 am

    Based from Melissa Hee‘s Site:

    # March 1, 2012 at 8:35 am

    @hompimpa like a sir! :D

    # March 1, 2012 at 11:50 am

    ooh fancy @Hompimpa

    # March 2, 2012 at 6:52 am

    @hompimpa would you mind If I use that fiddle as a starting point for one of my projects?

    # March 2, 2012 at 7:10 am

    @karlpcrowley: Ask to Melissa. I am not a designer, so it does not matter. Even, I don’t know about Melissa :p

    # March 2, 2012 at 7:18 am

    Microsoft should’ve asked Melissa to make their Windows Phone site lol

    # March 2, 2012 at 3:51 pm

    Hey @Hompimpa, that link to melissa’s site is broken and i didnt find anything when googling ‘Melissa Hee’.

    i’d love to see what she did on her site. can you please fix the link?

    # March 2, 2012 at 10:18 pm

    I don’t understand. This should be accessible, but not for now -..-?

    # March 4, 2012 at 10:25 am

    the url u have in there is dead:

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed