jQuery UI 可拖动滚动速度的单位是啥?

Posted

技术标签:

【中文标题】jQuery UI 可拖动滚动速度的单位是啥?【英文标题】:What is the unit of jQuery UI draggable scrollSpeed?jQuery UI 可拖动滚动速度的单位是什么? 【发布时间】:2020-03-07 10:35:08 【问题描述】:

我不明白“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>

【问题讨论】:

它可能只是某个任意最大值的一部分,与特定单位无关。您需要单位有什么原因吗? 【参考方案1】:

Jquery scrollSpeed 总是分步确定的。这意味着相关滚动速度的每次滚动将是用户将向上或向下移动多少像素。一卷=一步。

例如:100 scrollSpeed 表示每步是每 600-800 毫秒 100 像素。虽然这个衡量标准有很多差异

scrollSpeed 的度量是一个范围为 1000(最大值)的数字

请记住,滚动速度也主要由最终用户所在的浏览器控制。因此,获取像素/秒是一项艰巨的测量,尤其是当用户输入每次滚动都不同时。

例如。 Chrome 可能与 Safari 不同

在下面的帖子中,他们提到了如何调节像素/秒滚动速度:

Slowing the speed of a Jquery Scroll

【讨论】:

【参考方案2】:
scrollSpeed 
Type: Number
Default: 20
The speed at which the window should scroll once the mouse pointer gets within the scrollSensitivity distance. Ignored if the scroll option is false.
Code examples:
Initialize the draggable with the scrollSpeed option specified:

【讨论】:

以上是关于jQuery UI 可拖动滚动速度的单位是啥?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery UI,可拖动,可放置,自动滚动

jquery UI可拖动:在容器内水平拖动溢出:滚动?

容器内的jquery ui可拖动滚动

jQuery ui 可拖动元素在滚动 div 之外不能“拖动”

滚动后可拖动的jQuery UI不粘在网格上

滚动浏览器时使用错误起始位置的可拖动 jQuery UI 元素?