我有一个带有多个视图的原型/演示 ASP.MVC 3 应用程序。当用户在它们之间导航时,设计师希望当前内容淡出,然后新内容淡出。使用 jQuery 来淡化 div 似乎很简单,但通常内容会闪烁、卡顿或根本不淡化。(淡入淡出似乎效果很好。)
每个视图处理其淡出,例如:
$("tr").mousedown(function () {
$("#innercontainer").fadeOut(250, function () {
window.location.href = '@Url.Action("Application360", "Tofino")?an=' + appName;
});
}
});
布局 (_AppLayout.cshtml) 处理淡出备份,例如:
$(document).ready(function () {
$("#innercontainer").animate({ opacity: '0' }, 0, function () {
$("#innercontainer").delay(400).animate({ opacity: '1' }, { duration: 'fast', easing: 'swing' });
});
});
有没有更好的方法可以让动画更流畅、更可靠?