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

: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 个赞

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

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

3 个赞

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

2 个赞

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

您可以查看提交:

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

11 个赞

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

3 个赞

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

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

4 个赞

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

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

4 个赞

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

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

4 个赞

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

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

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

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

2 个赞

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