Bug when using slider-item-reveal on slider-item-show3+ about swiffy-slider HOT 1 CLOSED

This is related to when you have slider-nav-animation enabled - when that is enabled the JS will use an intersection observer that will set the class slide-visible to all 'visible' slides. Visible slides is by default the slides where 30 percent or more is visible, and depending on your viewport and the amount of slides you show.

The default threshold for for the intersection observer is 0.3 (30%) and you can fiddle with that value to not mark slides as visible in your use case. You can do that by adding the attribute data-slider-nav-animation-threshold to your swiffy-slider instance:

I.e. you can set the threshold to 0.2 meaning that the slide-visible will be set when 20% of the slide is visible:

<div class="swiffy-slider slider-item-show4 slider-item-reveal slider-nav-animation slider-nav-animation-appear" data-slider-nav-animation-threshold="0.2">

Read more on the attributes in the documentation: https://swiffyslider.com/docs/ in the Animation options section

from swiffy-slider.