Anchor tag forces incorrect positioning

[macphersonj]

Rellax is great, though I'm wondering if you have a solution for my issue:

I have anchor links on my site. Clicking an anchor jumps to the relevant section (obviously, expected behaviour). The issue is that the positioning of all the rellax elements stays where they are pre-scroll. Is there a way to update the position when an anchor tag is clicked?

[macphersonj]

I've managed to fix this via:

1. Adding smooth scrolling for anchor links (obviously 'jumping' instead of scrolling doesn't adjust the position). I'd still like to find a way to update the rellax items' positions without smooth scrolling.

2. When accessing an anchor link from a different page, the same thing happened. The workaround for this is:

window.onload = function(){ var rellax = new Rellax('.rellax', {center: true}); }

I'll leave this open as the original issue still exists, but hopefully the workaround is useful

[moeamaya]

@macphersonj James thanks for the issue. I haven't had this use case yet, so appreciate you bringing it up. I like your hacked solution a lot but we'll work on something that is built-in.

[aerni]

Is this something that is going to be fixed soon? I'm using this library for a vertical anchor navigation. The problem is, that tons of white space gets added at the bottom of the page when clicking one of the buttons and jumping to a section. When clicking the first anchor, the white space disappears again.

Here's a video showing the issue

[shrpne]

I guess whitespace is added because of rellaxed elements translates under the bottom of the body. You can try to control them with data-rellax-max option.