Grow your CSS skills. Land your dream job.

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](http://css-tricks.com/snippets/jquery/smooth-scrolling/ “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 http://mydomain.com/myproject/#myCarousel 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](http://www.mcography.com/test/ “my site”) for reference. And here’s [a page](http://www.mcography.com/test/work/ted-wallys-menu/ “carousel”) where I’m using the Carousel.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

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