javascript - Skrollr 只运行一次动画然后停止

标签 javascript skrollr

我怎样才能在 Skrollr 中运行一次动画,然后终止它?

我试过:

  • beforerender 方法但是会杀死所有动画
  • 寻找设置单个 Skrollr 实例的方法,但它是一个单例
  • 删除或重命名对象的属性
  • null验证对象的 className
  • 切换 CSS 类

每次,看起来这些值都缓存在 Skrollr 中,并且不管我的努力如何都会触发。我在这里缺少什么?

最佳答案

我想改进这个问题:

https://github.com/Prinzhorn/skrollr/wiki/Tips

在 Tips 选项卡下的 wiki 中,有一个有用的片段:

skrollr.init({
    beforerender: function(data) {
        return data.curTop > data.lastTop;
    }
});

其实这段代码,只有向下滚动才会有动画,所以会导致动画只播放一次,也就是向上滚动不会“回头”,演像 CSS animation-fill-mode: forwards;

关于javascript - Skrollr 只运行一次动画然后停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22850514/

相关文章:

javascript - Jquery UI,如何使可拖动始终恢复?

css - Skrollr.js 插件背景位置 Y 不视差

javascript - YUP 验证——如何获取值

javascript - 具有淡入淡出效果的全背景图像

javascript - 类型错误 : Super expression must either be null or a function

javascript - Skrollr:褪色图像跳到 z-index 的顶部

html - Skrollr 响应 H1 标签而不是容器标签

javascript - Skrollr 淡入淡出文本不起作用,但所有其他 skrollr 元素都起作用

javascript - 文档.[表单名称].[字段名称].值 ="";无法在 Mozilla 中运行