顺便提一下，我最近想起 XenForo 一直都有一个加载滑块。很高兴看到 Discourse 现在也有类似的功能。
我想知道在网络状况不佳时，哪种情况会更令人烦恼。
太棒了！
1 个赞
如果您愿意，可以使用 Chrome 中的 F12 控制台模拟网络状况不佳的情况。
4 个赞
iPhone 6s 更新：
在移动端使用深色主题及其他多种主题时，显示效果非常出色。
做得好！
桌面端更新：
在 Chromium 浏览器上，搭配 27 英寸和 34 英寸 ROG 显示器时，加载滑块仍然几乎不可见。
能否提供一项主题选项，以便根据移动端或桌面端启用或禁用该功能？
1 个赞
我也想这么说 
真是个很棒的选择。
1 个赞
如果使用 Facebook 登录，我可以复现此问题。这似乎是由 URL 参数 #_=_ 引起的。
4 个赞
我发现禁用 discourse-topic-list-previews 插件可以解决所有与 Loading slider 相关的问题；一旦重新启用该插件，问题就会再次出现。
我们并未使用任何第三方登录方式，因此这似乎是一个独立的错误（或者以某种方式相关联？）。
编辑：实际上，当两个插件都启用时，页面仅在 discourse-topic-list-previews 找到图片以替换默认图片的主题以及分类页面上保持模糊状态。
2 个赞
在移动设备和桌面端针对多种主题进行测试后，似乎像这样的设置能为这个出色的滑块带来不错的效果：
height: 4px;
@media only screen and (min-width: 960px) {
height: 7px;
}
将默认值增加一个像素（从 3px 到 4px）在移动设备上看起来很棒；在大于 5px 的较大桌面屏幕上效果也不错，不过我暂时决定使用 7px
有时间的话我会继续在这方面做更多工作，在“大”桌面端和我的 iPhone 上配合各种主题进行测试。
1 个赞
我可以回到前半部分再讨论一下吗？在桌面端尝试后，我发现淡出效果比滑块更让人恼火。我认为这是因为当我点击链接前往页面 B 时，我期望页面 A 要么立即消失（就像 Discourse 以前那样），要么一直保留直到页面 B 出现（就像普通网页那样）。
3 个赞
你好，你可以使用这段代码来禁用透明度。在后台创建一个新组件，并将其添加到公共部分。
body.loading #main-outlet {
opacity: 1 !important;
}
5 个赞
但到了这一步，这样做相对于加载动画的价值何在？仅仅是为了显示一个加载滑块吗？
2 个赞
这仅仅是禁用了淡入淡出效果。这是第一个版本，只有顶部滑块，没有淡入淡出效果。
2 个赞
差不多……
第一版……完全没有效果，点击链接后除了滑块外没有任何视觉反馈，这不太理想。
对于点击时显示不透明页面还是空白页面，我还有些犹豫。我同意不透明页面可能会略显干扰，或许点击后渐隐至 0 会更好……还不确定。
6 个赞
是的，我也这么觉得……这确实很难……也许可自定义的效果对大家都好。
我个人也很喜欢这种渐隐效果。
唯一的问题是，当透明度为 0 时，目前只会影响 main-outlet。header 和 below-site-header 仍然可见。
1 个赞
我想表达一下我对渐隐效果的个人困扰（至少在桌面端）@awesomerobot / @david。
我发现渐隐后的文字非常非常难读，因此每次过渡时，我的大脑都被迫在瞬间阅读渐隐的文字，这让人感到有些疲惫。
也许如果渐隐到完全消失会更好，我也不确定。问题的一部分还在于我距离服务器有 250 毫秒的延迟，所以至少我会等待约 300 毫秒，这必然导致我花一些时间盯着渐隐的字母看。
12 个赞
仅供参考，
我注释掉了主体过渡效果（文字淡入淡出），我觉得在没有主体过渡的情况下看起来还不错（而且可能感觉更快）。半斤八两，差不多……
// body #main-outlet {
// transition: opacity 0.2s ease;
// }
// body.loading #main-outlet {
// opacity: 0.2;
// transition: opacity var(--loading-duration) ease;
// }
2 个赞
谢了，唐，这就够了：grin:
2 个赞
是的，在移动端时，我以为淡入淡出效果改善了滑块的表现，但在引入淡入淡出效果之前，我并没有在桌面端仔细查看过。（在桌面端上，我觉得淡入淡出效果很烦人。）
