Navigation
Archive / VERY URGENT: Make 2nd homepage sliders animation start with scroll
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 2, 2016 at 10:52 am #1158589
    Carla C
    Participant

    Hi

    This is the last issue before launch on Monday…thanks so much for all your help getting me there!

    So, i have two sliders on my homepage. One at the top that starts as soon as the page loads. This is fine.
    I have a second slider for news at the very bottom of the page above the footer.

    I don’t want the slider animation to start until a user scrolls down to the bottom of the page.
    I enabled fade in, which works as a fade in BUT the animation has already loaded on startup.

    Perhaps its some custom CSS I need to add?
    Sorry I can’t give access to the website as it is a local build.

    Any help is greatly appreciated as always.

    THANKS AGAIN!

    September 2, 2016 at 1:18 pm #1158736
    Joao
    Moderator

    Hi Carla,

    You could try to turn on the fade effect of the column where this slider is placed.

    I am not 100% if it will fit your needs, but its worth a try.

    To add the fade effect click on the column where the Slider is placed and you will find the option on the left Cornerstone Tab,

    Hope that helps,

    Joao

    September 4, 2016 at 2:36 am #1160320
    Carla C
    Participant

    APologies I tried to explain that I have already done that.

    From previous message: “I enabled fade in, which works as a fade in BUT the animation has already loaded on startup.”

    The FADE effect works, but the slider has already started and finished the animation by the time I scroll down. The animations load on page startup whether the fade effect is implemented or not. The animation starts from page load, NOT upon scrolling. But the FADE EFFECT (literally just that, the element fading into view upon scroll) works, although the animation has already started on page load BEFORE scrolling over it. The fade effect has NOTHING to do with stipulating when the animation should start.

    Does that now make sense?

    Thanks.
    Carla

    September 4, 2016 at 5:00 am #1160430
    Rue Nel
    Moderator

    Hello There,

    Thank you for the clarifications! The slider is controlled by JS script by Slider Revolution itself. Please edit your slider and turn on the “Stop Slider Out of ViewPort ” in the general Settings.

    Hope this helps.

    September 5, 2016 at 9:09 am #1161693
    Carla C
    Participant

    THANK YOU THANK YOU THANK YOU!

    And just in the nick of time 🙂

    September 5, 2016 at 9:58 am #1161757
    Joao
    Moderator

    Glad to hear we managed to help.

    Let us know if you need help with anything else.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1158589 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>