……鉴于粘滞头像是一个普遍存在的问题,这一点尤其重要。这张照片中的情况可能相当普遍,但用户卡片却被隐藏在横幅后面:
将其浮动在顶部,或者最好是从标题下方开始,将有助于防止这种曾经罕见但现在普遍出现的情况影响用户。
……鉴于粘滞头像是一个普遍存在的问题,这一点尤其重要。这张照片中的情况可能相当普遍,但用户卡片却被隐藏在横幅后面:
将其浮动在顶部,或者最好是从标题下方开始,将有助于防止这种曾经罕见但现在普遍出现的情况影响用户。
您好,
在我看来,这里实际上存在两个不同的问题。
正如您提到的,如果用户卡片显示时文章离标题太近,卡片就会被标题遮挡。
这似乎与显示用户卡片时偏移量的计算方式有关。我认为 _positionCard(在 /app/mixins/card-contents-base.js 中)是在调用 _showCardOnClick 方法时决定这一点的。有一个 _calculateTopOffset 方法,但它没有引用 header,只引用了 #main_outlet 或 html。在我看来,当用户卡片在桌面上显示时,它应该查找标题并将其用作其 top。然而……这有点复杂,因为……
这种行为在移动版和桌面版网站之间是不同的……
在移动设备上,当显示用户卡片时,它会显示在页面顶部,并且似乎是一个全屏模态框。当您单击页面上的任何位置并尝试滚动时,卡片会被隐藏,模态框也会被销毁。在桌面上,如果您单击用户卡片外部的任何位置,也会发生同样的情况。然而……在桌面上……您可以不单击任何位置而滚动,用户卡片将保持可见,如果您滚动到足够远,它最终会出现在标题后面。
因此,除了确保用户卡片在桌面上尊重标题之外,我认为最好使跨设备的行为相同,这样一旦您单击卡片外部,或尝试滚动,卡片就会再次隐藏。您对此有什么看法?
这似乎是合理的,但我遗憾的是没有时间和经验来独立完成这项工作。
希望有人有时间能解决它——这肯定不是一个高优先级的修复,但对于 Discourse 网站的整体专业性来说会很好。
我已经测试过,对我来说这个已经修复了。我同意头像固定,这是一个重要的修复!