Hello
I ave a color section with an id – #csmainanim – and have site my home page to only show the menu on scroll. The issue is I have a black logo and the anim is black, so I need to either fade it our really quickly to white, or increase the scroll time. I found an older post about data duration in one of the js files but its no longer there. Ideally, id it’s straightfoward, I’d like to do both, ie,:
1) speed up the scroll time
2) Fade my entire section to white or transparent.
Thank you :)
Hey webWahine,
Thank you for the inquiry.
We cannot find the menu item with the anchor. Would you mind providing a screenshot of the menu item or the section so that we could understand the issue better?
Best regards,
Ismael
Hello, Ismael
The question relates to the scroll down arrow in the first section on home, which has an id of #csmainanim. It’s simply going to the next section, so no anchor required, since this is a default action.
So, to be really clear:
Hhen the user clicks on the scroll down arrow on home that is located in the section with id #csmainanim, Id like to :
1) speed up the scroll time
2) Fade my entire section to white or transparent.
Thanks, again
Hi,
Thank you for the info.
We could decrease the duration of the scrolling animation but changing the color of the section to something else might require a custom script, which we will not be able to provide here. To adjust the duration, edit the js > avia.js file and look for this code around line 809:
duration = data.duration || 1200,
easing = data.easing || 'easeInOutQuint';
Set the duration accordingly.
Best regards,
Ismael