抖动的滚动行为

支持
1

大家好，

本周在更新至最新 Discourse 测试版后，我遇到了一些奇怪的问题。

第一个问题是一个奇怪的换行故障，导致帖子文本在移动设备上屏幕中间位置就被强制换行。（您可以在主题的官方演示站点上看到相同的效果，特别是在移动视图下：http://discourse.jordanvidrine.com/）

我将原因缩小到与我的主题（Discourse Air）有关。由于开发者尚未提供官方修复方案，我根据在 Chrome 开发者工具中观察到的情况，自己编写了一个 CSS 修复方案：

@media (max-width: 790px) {
.container.posts {
    display: inline;
}
}

这解决了该故障。但现在，我又遇到了一个新问题：在滚动浏览主题时，屏幕会 sporadically 跳动和卡顿：

Google Photos

这两个问题之间几乎肯定存在关联。在安全模式下，这种卡顿现象不会发生。因此，这几乎肯定与主题有关（该主题此前一直非常稳定），也可能与我之前问题的修复方案有关。

但我不知接下来该尝试什么，所以希望这里有人能提供一些建议。

非常感激任何帮助或指路！

2 个赞
2

更新： 经过进一步的挖掘和实验，我似乎已经修复了这个问题。如果其他人也遇到同样的问题，修正后的 CSS（解决了原始问题且未引入抖动）如下：

@media (max-width: 790px) {
.container.posts {
     grid-template-columns: none;
}
}
1 个赞