Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在开始scrolltop动画之前跳转部分_Javascript_Jquery - Fatal编程技术网

Javascript 在开始scrolltop动画之前跳转部分

Javascript 在开始scrolltop动画之前跳转部分,javascript,jquery,Javascript,Jquery,我试图使用skrollr和jquery创建一个侧滚,选择你自己的冒险类型。凭借我在javascript方面的微观技能(试图改进它),我成功地解决了问题,除了一件事 我正在为scrolltop设置动画,以便播放各个部分,但是,我希望能够在播放之前跳过各个部分。由于skrollr按顺序“播放”所有内容,因此scolltop自然希望“播放”您所在位置和“目标”之间的所有内容。我想知道如何告诉scrolltop检查它在哪里,将其与目标进行比较,以及在开始滚动动画之前跳过它们 我想这主要是一个jquery

我试图使用skrollr和jquery创建一个侧滚,选择你自己的冒险类型。凭借我在javascript方面的微观技能(试图改进它),我成功地解决了问题,除了一件事

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

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

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

      }); 
如果我在0,希望它在500毫秒内动画设置为200,然后跳到2000,在1000毫秒内动画设置为2700。这种逻辑是什么样的

提前感谢。

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

但是,为了回答您的问题,这应该是可行的:

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

非常感谢你,你真厉害!首先,代码正是我所要求的,您关于放松的建议非常好,因为我刚刚发现了定制的放松。我可以设置一些定制的简易程序,并根据需要调用它们。再次感谢@克里斯维斯,太好了!很高兴我能帮忙!