The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Smooth Scroll Not Working with Roots/Boostrap – Help?

  • # December 3, 2012 at 7:05 pm

    Hello all. I’m having some trouble implementing Chris’ [Smooth Scrolling Snippet]( “Smooth Scroll”), and I’m wondering if someone can help me figure out what’s going on.

    I’m trying to implement the Carousel provided by Bootstrap on some of my portfolio pages, but the smooth scrolling snippet is interfering with it. Here are the problems I am seeing:

    1 – The page jumps down to the top of the Carousel when I click the arrows.

    2 – The URL changes to when I click on the arrows.

    (Also, for whatever reason, the carousel will not loop. After the last picture, it goes blank instead of looping back to the first picture. Don’t know if this is related to the snippet, but it’s an issue nonetheless.)

    **How can I stop the page from jumping and the URL from changing?** Thanks for your help.

    Here’s [my site]( “my site”) for reference. And here’s [a page]( “carousel”) where I’m using the Carousel.

Viewing 1 post (of 1 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