Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Smooth Scroll Not Working with Roots/Boostrap – Help?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #41138
    megancarroll
    Participant

    Hello all. I’m having some trouble implementing Chris’ [Smooth Scrolling Snippet](https://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)
  • The forum ‘JavaScript’ is closed to new topics and replies.