Javascript 在开始scrolltop动画之前跳转部分
我试图使用skrollr和jquery创建一个侧滚,选择你自己的冒险类型。凭借我在javascript方面的微观技能(试图改进它),我成功地解决了问题,除了一件事 我正在为scrolltop设置动画,以便播放各个部分,但是,我希望能够在播放之前跳过各个部分。由于skrollr按顺序“播放”所有内容,因此scolltop自然希望“播放”您所在位置和“目标”之间的所有内容。我想知道如何告诉scrolltop检查它在哪里,将其与目标进行比较,以及在开始滚动动画之前跳过它们 我想这主要是一个jquery问题。为了给你一个想法,我使用简单的jquery,比如:Javascript 在开始scrolltop动画之前跳转部分,javascript,jquery,Javascript,Jquery,我试图使用skrollr和jquery创建一个侧滚,选择你自己的冒险类型。凭借我在javascript方面的微观技能(试图改进它),我成功地解决了问题,除了一件事 我正在为scrolltop设置动画,以便播放各个部分,但是,我希望能够在播放之前跳过各个部分。由于skrollr按顺序“播放”所有内容,因此scolltop自然希望“播放”您所在位置和“目标”之间的所有内容。我想知道如何告诉scrolltop检查它在哪里,将其与目标进行比较,以及在开始滚动动画之前跳过它们 我想这主要是一个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);
});
});
非常感谢你,你真厉害!首先,代码正是我所要求的,您关于放松的建议非常好,因为我刚刚发现了定制的放松。我可以设置一些定制的简易程序,并根据需要调用它们。再次感谢@克里斯维斯,太好了!很高兴我能帮忙!