ASP.NET MVC 更改内容动画答案

【问题标题】：ASP.NET MVC change content animationASP.NET MVC 更改内容动画
【发布时间】：2018-10-12 16:54:41
【问题描述】：

我正在为 ASP.NET MVC 应用程序创建 Views。我正在使用_Layout 和其他一些Views，例如 Shop、Contact 等，它们只有一个元素：“内容”。

如何设置内容更改动画？我不喜欢在更换时闪烁白色。

【问题讨论】：

标签： css asp.net-mvc animation razor frontend

【解决方案1】：

您所看到的与 MVC 无关，是简单的 HTML 页面转换的结果。由于您实际上是在更改整个页面，因此白色闪烁是加载新页面的结果。

您可以通过 CSS 和 jQuery 进行管理。 Here is one article 描述了一种管理页面转换的方法。只需搜索 HTML Page Transitions，您就会看到大量为此制作的 jQuery 库，其中包含大量文档。

Here is one jQuery library I found: Animsition

关于您从this article. 看到的白色闪烁的一些附加信息

在网页加载的各种问题中，白色闪烁是被认为是页面期间发生的常见问题之一访问、加载、重新加载和遍历 Internet 浏览器。这出现白色闪烁的原因有多种，包括浏览器尝试在样式表完成加载之前渲染页面， JavaScript 问题和其他渲染错误。浏览器将永远等到所有内容（除了图像）都完成下载之前渲染。

【讨论】：

【解决方案2】：

这取决于你的 css 模板，如果它有微调器，你应该查看文档，如果你的模板没有，找一个，有很多微调器模板和文档。这是一个文档示例（当然，如果您使用的是 inspinia，这适用，但它们都有类似的应用程序）： http://webapplayers.com/inspinia_admin-v2.8/spinners.html

【讨论】：

Spinner 仅适用于 ajax 请求，并且仅当他们已设置或设置为管理页面转换时。根据他的问题，我认为他们只是在使用常规的页面转换。
我知道，我误解了他的要求，但如果他在视图中使用了额外的容器，例如 iframe，他可以使用微调器，感谢您的观察。