gpt4 book ai didi

javascript - Velocity.js:未捕获( promise )错误:速度:第一个参数(滚动)不是

转载 作者:行者123 更新时间:2023-11-29 23:26:46 26 4
gpt4 key购买 nike

这是来自 http://velocityjs.org/#scroll 的示例

对不起,我是 Velocity.js、jQuery 和 StackOverflow XD 的菜鸟。我有以下错误:

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

谢谢你的建议。

/*
*
*
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

最佳答案

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

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

关于javascript - Velocity.js:未捕获( promise )错误:速度:第一个参数(滚动)不是,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48874319/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com