我不明白“ 100”的意思。每秒100像素吗?
该代码摘自:https://jqueryui.com/draggable/#scroll
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#draggable3" ).draggable({ scroll: true, scrollSpeed: 100 });
} );
</script>
</head>
<body>
<div id="draggable3" class="ui-widget-content">
<p>scrollSpeed set to 100</p>
</div>
<div style="height: 5000px; width: 1px;"></div>
</body>
</html>
最佳答案
jQuery scrollSpeed始终由步确定。这意味着以相关的scrollSpeed进行的每个滚动将是用户向上或向下移动多少像素。一卷=一步。
例如:100 scrollSpeed表示每个步骤每600-800ms为100px。尽管此方法存在很多差异
scrollSpeed的度量单位是最大1000(最大)的数字
请记住,scrollSpeed也主要由最终用户所使用的浏览器控制。因此,获得像素/秒是一个艰难的测量,尤其是当用户输入每次滚动变化时。
例如Chrome浏览器可能与Safari不同
在下面的文章中,他们提到了如何调整像素/秒滚动速度:
Slowing the speed of a Jquery Scroll