# 移动端粘性头像

**URL:** https://meta.discourse.org/t/sticky-avatars-for-mobile/225657
**Category:** Theme component
**Tags:** mobile
**Created:** [2022年四月29日 12:09 UTC](https://meta.discourse.org/t/sticky-avatars-for-mobile/225657 "2022-04-29T12:09:44Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2022年四月29日 12:09 UTC](https://meta.discourse.org/t/sticky-avatars-for-mobile/225657/1 "2022-04-29T12:09:44Z")

</div>

- **Describe this theme/component in one or two sentences**

- **Add screenshots (if applicable)**

- **Add more details and explain the settings (if applicable)**

- **add the preview and repository links**

---

<div class="post-metadata">

### Author: ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)
#### Post date: [2026年一月28日 19:17 UTC](https://meta.discourse.org/t/sticky-avatars-for-mobile/225657/2 "2026-01-28T19:17:27Z")

</div>

干得好，@Don！

我该如何为固定的头像框下方添加投影？  
（类似这样： `box-shadow: 0 -10px 30px 8px #CCCCCC;`）

如果主题组件有一个功能，可以让管理员输入一个 #HEX 值和模糊/扩散值等，从而添加一个微妙的投影，那就太好了。但这可能不值得您费力。

现在，正确的 CSS 覆盖代码是什么，可以定位/启用投影？

当我尝试定位 `topic-meta-data` 时，它会在整个元素周围添加阴影，而不仅仅是底部，并且阴影也没有包含 `topic-avatar`。

非常感谢您的任何建议！🙏

---

<div class="post-metadata">

### Author: ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)
#### Post date: [2026年一月29日 19:26 UTC](https://meta.discourse.org/t/sticky-avatars-for-mobile/225657/3 "2026-01-29T19:26:43Z")

</div>

另外，我的这个主题组件也收到了错误信息（见下文）。这个组件是否已不再维护？

> [管理通知] 主题“移动端粘性头像”包含需要更新的代码。（id: discourse.widgets-decommissioned）（了解更多）

 ![IMG_4376.PNG](https://global.discourse-cdn.com/meta/original/4X/a/a/d/aad8c28e2227161198658ad2663494942932e9a5.jpeg)

---

<div class="post-metadata">

### Author: ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)
#### Post date: [2026年二月24日 16:11 UTC](https://meta.discourse.org/t/sticky-avatars-for-mobile/225657/4 "2026-02-24T16:11:46Z")

</div>

@Don 有什么想法为什么我访问我的网站时在手机上出现这个错误吗？

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2026年三月3日 18:50 UTC](https://meta.discourse.org/t/sticky-avatars-for-mobile/225657/5 "2026-03-03T18:50:23Z")

</div>

此外，粘性栏在滚动时有闪烁的倾向。

如果组件没有得到维护，它应该有 #unmaintained 标签:)