嗨,大家好,当一个人向下滚动内容时,我会产生一个简单的效果,即左右方向会飞来飞去。但是我想发生的是,当用户向上滚动时,内容保持不变,所以效果只会发生如果有意义,则每次刷新一次:)

    <div class="row">
       <div class="col-xs-12 col-sm-6 col-md-6" data-aos="fade-right" data-aos-easing="ease-in-sine">
       <h1> 1</h1>
       <span class="border"></span>
       <p> 2 </p>
        </div>
     <div class="col-xs-12 col-sm-6 col-md-6" data-aos="fade-left" data-aos-easing="ease-in-sine">
     <img src="Images/number1.png" style="padding-top: 20px;">
        </div>
    </div>


JS:

       AOS.init({
  duration: 1200,
})


我已经使用此插件Link来获得效果

谢谢

最佳答案

看起来好像有一个属性可以添加到元素中

data-aos-once="true"

可以添加该元素以防止第二次制作该项目。

https://github.com/michalsnik/aos#-advanced-settings

关于javascript - 上升时停止滚动效果的发生,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45425275/

10-10 10:19