一个视差自定义过渡

One parallax custom transition

本文关键字:自定义 视差 一个      更新时间:2023-09-26

如何在我的网站上创建一个自定义的视差过渡(漂亮的滚动,然后反弹)-

。当你按下一个箭头时,它会带着一个过渡,将用户滚动到屏幕底部,然后在到达那里后稍微反弹一下。所以,如果它很好地滚动然后击中页脚并反应

考虑jquery回调动画

$('#content').animate({marginTop: '-5000px'}, 2000, function(){
    $('#content').animate({marginTop: '-4900px'}, 1000);
});

这样做,当然对你的html和css做了大量的假设。如果你想要一个更好的例子,你应该提供一些代码或做一个jsfiddle。

顺便说一下,视差是最近流行的一个愚蠢的流行词。你可以很容易地做一个视差效果的基本实验,以百分比为基础的空白。但不要将视差与滚动和反弹混淆。巨大的差异。