使 Jquery.ScrollTo 根据速度而不是持续时间工作

Question

我正在创建一个水平站点（它也可以是任何其他自动滚动站点，如对角线），它使用 Jquery.ScrollTo 插件中的 $.Localscroll 子级。

这个插件有一个大问题；它根据持续时间计算运动。这意味着从第 1 页到第 2 页的转换需要 2 秒，但从第 1 页到第 10 页的转换也需要 2 秒，使其转换速度如此之快，转换本身不再真正可见。我不知道会有多少链接，而且这些链接不会位于同一个菜单中，而是分散在各个页面中。

有没有办法找出当前的滚动到位置（最好通过插件，这样它是跨浏览器的）并使用哈希（#）找出新的滚动到值，然后根据速度计算持续时间？

Answer 1

您可以使用$("element").scrollTop()获取scrollTop值。您可以进行一些计算并根据该计算设置时间长度。

Answer 2

您可以指定在一段时间内应移动多少像素。在本例中为 50 像素/10 毫秒。

例如。：

var scrollOffset = root.scrollTop,
    offset       = element.offsetTop,
    speed        = 50;

function scrollLoop() {

  if (offset >= scrollOffset) {
  return;
  }

  scrollOffset -= speed;

  root.animate({ scrollTop: scrollOffset }, 10, function() {
    scrollLoop();
  });
}