版本2.0.1的Velocity Scroll问题

时间:2018-02-13 00:49:49

标签: javascript velocity.js

对最新版本的Velocity(2.0.1)的更新会导致与滚动相关的问题。特别是,抛出以下错误消息:

  

错误:速度:第一个参数(滚动)不是属性映射,已知操作或已注册的重定向。中止。

以下示例适用于Velocity 1.5:https://codepen.io/julianshapiro/pen/kBuEi

由于SO需要代码,这里是CodePen的相关部分:

$("#element3").velocity("scroll", { 
  container: $("#container"),
  duration: 800,
  delay: 500
});

但是,当使用Velocity 2.0.1时,会抛出错误:https://codepen.io/anon/pen/QQgOPx

有人可以告诉我如何解决这个问题吗?

2 个答案:

答案 0 :(得分:1)

v1.5.0 (Line: 3161)似乎有scroll行动,v2.0

答案 1 :(得分:1)

这里是Velocity V2的编码器,并指向V2 Changes文件:

  

目前已停用/未更新:

     
      
  • 滚动(工作,但对界面不满意 - 如果人们想玩,这是属性,scrollTop的别名,还有scrollLeft)
  •   

所以它在,但我可能会更改底层代码(如果/当发生时,界面将保持相同),但它现在是动画的正常属性(并将保持原样) - 所以现在使用它你会做类似的事情:

$("#container").velocity({scrollTop: "500px"}, {
  duration: 800,
  delay: 500
});

如果你想向下滚动到另一个元素,那么你需要找到该元素与第一个元素相对的相对位置(这应该是一个单独的问题,但是当它完成时我将添加到wiki)。

注意:我建议人们使用"scrollTop"代替"scroll",以明确表示您没有使用"scrollLeft"

注2:"scrollTop"在2.0.1中,其他的将在下一个beta 2.0.2中 - 但现在在回购中。