Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 上升时停止滚动效果_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 上升时停止滚动效果

Javascript 上升时停止滚动效果,javascript,jquery,html,css,Javascript,Jquery,Html,Css,大家好,我有一个简单的效果,当一个人向下滚动时,内容将从左、右等方向飞入。然而,我希望发生的是,当用户向后滚动时,内容保持不变,因此,如果有意义的话,每次刷新只会产生一次效果:) 我已经使用这个插件的效果 谢谢看起来有一个属性可以添加到元素中 数据aos once=“true” 可以添加以防止项目再次设置动画 如果没有一个互动示例来演示这个问题,我怀疑有人能否解决您的问题。你能做一个JSFIDLE吗?你看过github上的库了吗。有一次数据aos。。这似乎正是你想要的@我们的赞助人索莫尼表示感谢

大家好,我有一个简单的效果,当一个人向下滚动时,内容将从左、右等方向飞入。然而,我希望发生的是,当用户向后滚动时,内容保持不变,因此,如果有意义的话,每次刷新只会产生一次效果:)

我已经使用这个插件的效果


谢谢

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

数据aos once=“true”

可以添加以防止项目再次设置动画


如果没有一个互动示例来演示这个问题,我怀疑有人能否解决您的问题。你能做一个JSFIDLE吗?你看过github上的库了吗。有一次
数据aos
。。这似乎正是你想要的@我们的赞助人索莫尼表示感谢x@Daniel耶,下次我只需要多读点书:)
    <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>
       AOS.init({
  duration: 1200,
})