Question

我正在尝试使用skrollr和jquery创建一个侧面滚动选择你自己的冒险类型的东西。凭借我在javascript中的微观技巧（试图改进它），我设法解决了一件事情。

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

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

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

      });

如果我在0，想要将动画设置为超过500毫秒200，然后跳到2000并在另外1000毫秒内动画到2700。这个逻辑会是什么样的？

提前致谢。

Answer 1

jQuery允许您在动画中拥有different easing。也许值得一看，它可能有您需要的东西，然后您不需要编写那么多代码。

但是，为了回答你的问题，这应该有效：

$('#chapter4a').on('click', function() {
        $('html, body').animate({ scrollTop: 200}, 500,function() {
            $('#chapter4a').scrollTop(2000);
            $('html, body').animate({ scrollTop: 2700}, 1000); 
        });
});

在开始滚动动画之前跳转部分

1 个答案: