淡入淡出过渡而不淡入空白页面

Question

我发现了一些淡出身体的代码，然后在下一页的正文中消失，但这有点难看并增加了加载时间。

是否可以直接淡入其他页面，例如淡出旧页面，同时淡入新页面？

JS：（评论员，请在下次修改前检查代码。）

$(document).ready(function() {

$('body').css('display', 'none');
$('body').fadeIn(500);

$('a').click(function(event) {

    event.preventDefault();
    newLocation = this.href;
    $('body').fadeOut(100, newpage);

});

function newpage() {
    window.location = newLocation;
}

});

Answer 1

不，普通导航无法做到这一点。要做到这一点，您需要同时在同一页面中的两个页面中的内容。这会改变您完全处理页面的方式，因为您需要使用AJAX将不同页面的正文内容加载到单个页面中的元素中，而不是导航到新页面。