Identifying scroll targets #851
-
Describe your problem 🧐Hi all,
These are the versions of the plugins I'm using + swup:
These are my events:
However, when clicking on my jump link nothing is happening. Why is that?
thanks in advance What is your question? 🙋♀️Why is the jump link not working with SwupScrollPlugin? URL to minimal reproduction 🔗Checked all these? 📚
|
Beta Was this translation helpful? Give feedback.
Replies: 7 comments 12 replies
-
The code looks fine. Can you create a minimal reproduction to narrow it down? |
Beta Was this translation helpful? Give feedback.
-
hey @daun - I just uploaded the whole project to an staging environment here https://supportjimmstg.wpenginepowered.com/ Any ideas are welcome! Thank youuu |
Beta Was this translation helpful? Give feedback.
-
Removing the |
Beta Was this translation helpful? Give feedback.
-
also, @daun how would you make the scroll from this Press page (https://supportjimmstg.wpenginepowered.com/press/) to the #support section in the homepage more effective? You need to click on Support or the green banner's link. Currently I'm landing on the last section of the homepage and not the #support section. Code remains the same:
thanks in advance! |
Beta Was this translation helpful? Give feedback.
-
hey again @daun - first of all, thank you so much for your time. We use this hook for when content has been replaced like this:
and we use this one for when the content is about to be replaced.
Our aim here is to use the plugin after all the content has been replaced and transition has finished. We've tried using visit:end but it's not working for us. How would you do this? How would you call the plugin once all the content has been replaced? Thank you so much again for you time. We really do appreciate all your inputs. |
Beta Was this translation helpful? Give feedback.
-
Hey! First off, we want to thank you for all the help you've given us in the past few weeks. We've been working on getting variable-height elements like the marquee, page sliders, and collapse to load, emit a variable, and without the sum of those variables, the out transition doesn't happen. In other words, we can confirm that the variable-height elements are loaded, then the out transition occurs, and after that, the scroll happens. The results on desktop are satisfying. However, we're running into inconsistencies on mobile. This time we're not using SwupScrollPlugin. Would adding this help us reduce inconsistencies? RPReplay_Final1706631783.MP4RPReplay_Final1706631579.1.movThanks in advance! |
Beta Was this translation helpful? Give feedback.
Removing the
getAnchorElement
function from your setup script should solve this. ThegetAnchorElement
option is used to find the scroll target element in case you're not usingid
attributes, but some other convention. From what I'm seeing in your source code, you're usingid
anyway so it should work out of the box without this option.