粘性头像：帖子头像跟随滚动

功能
1

:warning: This is now an official feature shipped with Discourse, the theme component repository is archived, you should delete it or it will cause malfunctions :warning:

If for whatever reason you want to disable the sticky avatars, there is currently a workaround using CSS:

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset !important; /* May be needed in some cases */
  }
}
31 个赞
12

您好，有一个移动解决方案会很棒。

它在桌面端运行得很好，我明白空间问题使得直接将其移植到移动端很困难，但也许可以在主导航栏正下方放一个小头像图标？（我知道，这不太符合用户体验）

3 个赞
13

我们目前的想法是，这种特定的桌面行为在移动设备上并不是一个好的权衡。

2 个赞
14

Sticky avatars 现已成为 Discourse 的官方功能 :tada:

您可以查看提交：

我将编辑 OP 以反映这一点。

11 个赞
15

好的，那我们现在可以移除这个主题组件了吗？谢谢。

3 个赞
16

短帖中的头像在向下滚动时不会固定，但在向上滚动时会固定，这存在不一致的行为——请参见下面的视频。

另外，我个人更希望短帖也能有固定行为——我觉得当前“仅长帖可用”的设置有点令人困惑。也许可以提供一个设置来控制启用此行为的帖子的最短长度，这样每个人都可以根据自己的偏好进行调整？

4 个赞
17

是的，这是预期的行为，在长期使用后，我们认为这是效用/视觉干扰的最佳权衡。其理念是，在短帖中，当你向下滚动时，你知道是谁发布的，但当你向上滚动时，帖子的内容出现在头像之前，即使是短帖也有其价值。

我建议请先暂时接受它。我们目前没有为这个功能设置站点的计划。

4 个赞
18

是的，请删除主题组件，同时拥有两者会引起问题。

我已经更新了 OP 以便更清楚地说明这一点。谢谢 :+1:

4 个赞
19

上周末我花了一些时间自己寻找解决方案，但它一直在这里 :sweat_smile:

但在我的论坛中，我需要添加 top: unset 来解决一些滚动问题。所以对某些用户来说，使用这个可能很有帮助：

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset  !important;
  }
}
5 个赞
20

好的，我刚编辑了 OP :slight_smile:

2 个赞
21

此主题已在 29 天后自动关闭。不再允许回复。