# 侧边栏中的地球图标行为异常

**URL:** https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382
**Category:** Bug
**Tags:** sidebar
**Created:** [2023年三月25日 10:33 UTC](https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382 "2023-03-25T10:33:32Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2023年三月25日 10:33 UTC](https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382/1 "2023-03-25T10:33:32Z")

</div>

侧边栏的地球图标，显示对所有人可见的全局自定义部分，在滚动侧边栏时会移动。 ~~如果禁用了脚注插件，图标会停留在原位~~ 。

不，我没有检查控制台是否有任何错误，或者脚注的内联设置是否起作用。

Safari 和 iPad 上的 Hub，情况相同。

而且，这也不是关键问题，甚至不是主要问题。可能是另一个 CSS 冲突。或者别的什么。我不知道 😁

---

<div class="post-metadata">

### Author: ![md-misko](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/md-misko/32/126315_2.png) [@md-misko](https://meta.discourse.org/u/md-misko)
#### Post date: [2023年三月25日 10:53 UTC](https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382/2 "2023-03-25T10:53:25Z")

</div>

我也遇到了同样的问题，即使在安全模式下并且没有安装脚注插件。

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2023年三月25日 11:04 UTC](https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382/3 "2023-03-25T11:04:15Z")

</div>

我再次尝试，这次我无法通过禁用脚注来修复它 🤔

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2023年三月25日 13:46 UTC](https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382/4 "2023-03-25T13:46:22Z")

</div>

我也能重现它。

您能否尝试将此 CSS 添加到您的主题或组件中？

```css
.sidebar-section-wrapper .sidebar-section-header-wrapper {
    position: relative;
}

```

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2023年三月25日 14:36 UTC](https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382/5 "2023-03-25T14:36:09Z")

</div>

太棒了！

（又名：完美运行）

---

<div class="post-metadata">

### Author: ![kris.kotlarek](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kris.kotlarek/32/176919_2.png) [@kris.kotlarek](https://meta.discourse.org/u/kris.kotlarek)
#### Post date: [2023年三月28日 00:10 UTC](https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382/8 "2023-03-28T00:10:30Z")

</div>

感谢您报告此问题并提出 CSS 解决方案。此 PR 已修复：🙂

> <https://github.com/discourse/discourse/pull/20851>
>
> Global section icon is using absolute position. To make it move on scroll, the p…arent element has to be relative.
> 
> https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382
> 
> https://user-images.githubusercontent.com/72780/228084568-23d9fd1d-7399-403b-81f3-ae020857cfd0.mov

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年三月29日 07:00 UTC](https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382/9 "2023-03-29T07:00:39Z")

</div>

此主题已在 25 小时后自动关闭。不再允许回复。