0

我正在尝试使用 skrollr 和 jquery 创建一个横向滚动选择你自己的冒险类型的东西。凭借我在 javascript 方面的微观技能（试图改进它），除了一件事之外，我已经设法解决了一些问题。

我正在为滚动条设置动画以使部分播放，但是，我希望能够在播放前跳过部分。由于 skrollr 按顺序“播放”所有内容，因此 scolltop 自然希望“播放”介于您所在位置和“目标”之间的所有内容。我想知道如何告诉 scrolltop 检查它在哪里，将它与目标进行比较，以及如果部分介于两者之间，则在开始滚动动画之前跳过它们。

我想这主要是一个jquery问题。为了给你一个想法，我使用简单的 jquery，如：

$('#chapter4a').on('click', function() {
        $('html, body').animate({ scrollTop: 2750 }, 5000);

      });

如果我在 0 时，希望它在 500 毫秒内动画到 200，然后跳到 2000 并在另外 1000 毫秒内动画到 2700。这种逻辑会是什么样子？

提前致谢。

4

1 回答 1

1

jQuery 允许您在动画中使用不同的缓动。也许值得一看，它可能有你需要的东西，然后你就不需要写太多代码了。

但是，要回答您的问题，这应该有效：

$('#chapter4a').on('click', function() {
        $('html, body').animate({ scrollTop: 200}, 500,function() {
            $('#chapter4a').scrollTop(2000);
            $('html, body').animate({ scrollTop: 2700}, 1000); 
        });
});
于 2013-08-04T19:55:37.253 回答