Velocity.js: Uncaught (in promise) Error: Velocity: First argument (scroll) was not a

Question

的示例

对不起，我是 Velocity.js、jQuery 和 Whosebug XD 的菜鸟。我有以下错误：

未捕获（承诺）错误：速度：第一个参数（滚动）不是属性地图、已知操作或已注册的重定向。正在中止。

谢谢你的建议。

/*
 *
 *
THIS IS myscript.js
 *
 *
 */

// Use scroll with the container option.
// Note: When you want to scroll the browser window itself, do not pass in a container.
$("#element3").velocity("scroll", { 
  container: $("#container"),
  duration: 800,
  delay: 500
});

<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<style>
body {
  font-family: "Helvetica Neue", Helvetica;
  width: 90%;
  font-weight: 200;
  letter-spacing: 1px;
  margin: 25px auto 0 auto;
  background: rgb(234, 235, 235);
  color: rgb(25, 25, 25);
}

div, p {
  margin: 0 auto;
}

p {
  color: rgb(125, 125, 125);
  font-size: 0.85rem;
  text-align: center;
  margin-bottom: 17px;
}

#container {
  border: 1px solid gray;
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Remember that a scrolling container element must have a position set. */
  position: relative;
  width: 50%;
}

#container div {
  padding-bottom: 10px;
}
</style>

</head>
<body>

<div id="container">
    <div id="element1">
      First element. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
    </div>
    <div id="element2">
      Second element. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
    </div>
    <div id="element3">
      Third element. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
    </div>
    <div id="element4">
      Fourth element. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
    </div>
    <div id="element5">
      Fifth element. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
    </div>
    <div id="element6">
      Sixth element. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
    </div>
</div>

<script src="velocity.min.js"></script>
<script src="velocity.ui.js"></script>
<script src="myscript.js"></script>

</body>
</html>

编辑： 同样的问题 Velocity Scroll Issue with Version 2.0.1

Answer 1

您正在尝试将 Velocity V2 beta 与 V1 演示一起使用 - 它们在滚动方面完全不兼容。在 V2 中，它现在是正在滚动的元素（即容器）的属性。

V2 文档在 Velocity Github wiki 中，如果未在此处提及，请不要使用它并期望它不会更改（尽管使用 scrollTop 和 scrollLeft现在将保持一致，只是底层代码可能会发生变化）- V1 文档仍然存在于网站上，因为 V2 仍处于测试阶段。

Velocity.js: Uncaught (in promise) Error: Velocity: First argument (scroll) was not a

Velocity.js: Uncaught (in promise) Error: Velocity: First argument (scroll) was not a

javascript

jquery

velocity.js