您是否遇到过这种情况：当不小心将元素放置在浏览器窗口的右侧边缘之外时，会出现水平滚动条？这可能是滑入的菜单或类似的东西。有时我们会对 body 使用 overflow-x: hidden; 来修复此问题，但这有时会破坏诸如 position: sticky; 之类的东西。
好吧，您知道如果将元素放置在浏览器窗口的左侧边缘之外，它不会发生这种情况吗？这是 “数据丢失”，并且就是这样。它实际上与页面的direction有关。如果您处于 RTL 情况，则浏览器窗口的左侧边缘会导致溢出情况，而右侧边缘则不会。
Emerson Loustau 利用这个想法来解决这里的一个问题。 我会非常紧张地去修改 direction，因为我不知道会产生什么副作用。但是，嘿，至少它不会破坏 position: sticky;。