Having issues getting anchor transitions working

Question

Hi,

Like my title says, I'm having a bit of trouble getting my anchor transitions to work. I've done this before on other sites with no problems. In this instance, I set them up the same way and copied the script I used on these other cases but for some reason it's not working. As you can see on my page, the up and down arrows should take you smoothly to each section. Can anyone see what I'm missing here? Im stumped.

http://mustangdriveinguelph.ca/mv/test.html

Thanks ahead of time.

osgood_ · Accepted Answer

https://forums.adobe.com/people/Boss+DJ wrote
I've made that change but it still doesn't seem to fix it unfortunately.

That's because Bootstrap is interfering with the function.

Add a class of scroll-to to any anchor tags that you want to act as a scroll to trigger - so like below for your 2 anchor tags:

Then change the .click function:

from:

$('a[href*=#]:not([href=#])').click(function() {

to:

$('.scroll-to').click(function() {

osgood_ · Answer

You have quite a few errors on that page (run it through the W3c validator to check) but the most likely cause of the issue is that you have your function inserted before the call to the jquery library.

I would fix up the errors and move the function to AFTER the link to the jquery library and see if that works.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded