Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1308559

    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 :)

    #1308755

    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

    #1308834

    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

    #1309060

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.