Anchor link to separate page problem

1

@habitualshaker @Jannis
I am trying to link from the Home Page to a ‘Videos’ anchor at the bottom of a Gallery page. However, the link goes to the right place but immediately scrolls to the top. Very quick - sometimes you don’t see it. Sometimes it stops half way down the page.

I have put a button on the Gallery page to scroll down to the videos anchor and that works fine - it’s the just the link from the home page.

Project built in Source and uses Gallery 3 stacks for Gallery page. The anchor is in a Source Container (with the ID but no #) and I have tried creating links in both markdown and using a Source button.

Any ideas? Can’t see any js errors in the inspector. I’m aware smooth scrolling can cause this kind of error but I don’t have that on the page.

Link below:

https://pethamvillagehall.co.uk (scroll down to ‘Walkabout Videos’ link)

2
  • In the link settings, set the URL to the full path of the target page (e.g., about.html or products/index.html ), followed by a # and the anchor name (e.g., about.html#section1 ).
    You have a “/” after your second page and before your anchor. I don’t think you need it. I tried this on your page, deleting the “/” and it sent me down to the videos.
3

Thanks for this. What browser are you using? I’m finding this is not doing anything different in Safari but did work on second attempt in Chrome.

Also, the forward slash is being inserted by the browser - it’s not in my link. Im not sure what the correct syntax is but Safari / Chrome are definitely forcing it.

What I don’t get is, the on-page link is:

https://pethamvillagehall.co.uk/gallery/#walkaround-videos

and it works 100% on-page but doesn’t work properly from another page or as a direct URL. In chrome it seems to go half way down the page and, if I click again, it goes the whole way to the anchor link!

All very odd…

4

My guess is that something in the Gallery stack (or less likely the Video grid) is breaking the different page anchor link. I have tried exactly the same on a text-only page and it works perfectly. Why it only breaks from a different page and not on-page, I have no idea.

5

It could be that one of the lightbox galleries is reacting on hash navigation. Try to set lightbox to none or to another lightbox and see if the behavior is the same.

6

Interestingly, changing the grid from Justified to Masonry seems to have fixed it. Changing the light boxes had no effect - although I have changed the lightbox as well now. However - not in Firefox…