-
Posts
-
Hi, on this page I have started using the scroll-triggerd animations for columns, however I’m running into a few issues.
First one: When the page loads the first and second section are visible, however the content of the second section does not appear until you start scrolling. I would like the animations of this section to trigger on pageload, like those of the first section, preferably with a 1500ms delay.
Second: When using the site, I feel like the animations trigger too late. Is there a way to make them trigger earlier? As it currently is the sections are half-way up the screen before anything appears. I would like for the animations to trigger when the section becomes visible in the bottom of the screen.
Thanks alot for any help 🙂 Love the theme, by far the best one I have ever worked with!
PS: For example the counter animation triggers at a much lower scrollpoint than the column animation. The point at which the counter triggers is just about where I want the columns to trigger too.
Currently I also can’t use animations on the last section of the page, because it will never get high enough to trigger.
Hi there,
Thanks for writing in!
This is the default behaviour of how animations work, i.e., animations will only trigger once an item is in the middle of the viewport (browser screen). As you can see the first section is in the middle of the page when the site is first opened so its animation is triggered as soon as the page loads. But that’s not the case with the second section as its columns are a bit off to the bottom of the viewport when the site is first loaded (see: http://prntscr.com/93sy8d).
There could be ways to adjust the position on which animations are triggered with custom development, but that would be outside the scope of support we can provide. You may wish to consult a developer to assist you with this.
Thank you for understanding.
Ok, Thanks for the reply.
Just a thought though; would it be possibe to write a snippet that redirects the columns from their usual trigger to the one used by the counter, as that triggers earlier?
Hi there,
Regretfully, at this time, I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.
