jquery - 如何使该页面过渡流畅？

Question

我想在页面转换之间创建淡出、淡入效果。

我使用此代码淡入:

$(window).load(function () {
  $(document.body).fadeIn("fast");
});

这段代码淡出:

$(window).unload(function() {
  $(document.body).fadeOut("fast");
});

代码确实有效，但转换执行不流畅。如何使淡入淡出更加流畅，使其看起来像自然运动？

Answer 1

有各种关于如何执行此操作的示例，除了发布 CSS 和 JS 代码来给您提供示例之外，我将在此处为您提供一个很好的引用:

http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/

您所做的与上面的示例之间的区别是，它们停止默认链接操作，创建一个转换，一旦转换完成，它们恢复默认操作(即加载链接)。

在您的情况下，您在页面卸载时触发，这将被切断，因为这只是页面转换的时刻，您无法控制。