当视口宽度小于 HTML 页面宽度时，如何让固定元素水平滚动？

Question

我可以在没有 JavaScript 或 jQuery 魔法的情况下获得一个固定的块元素来水平滚动吗？当窗口垂直滚动时，到达视口顶部后的块的 CSS 位置从绝对位置更改为固定位置。是否需要另外构造一组计算来确定页面水平滚动时如何定位？

堆栈溢出也这样做。

Answer 1

纯 CSS 不可能。

您将需要 Javascript..（我现在面临同样的问题..）

见Centering a fixed element, but scroll it horizontally

Answer 2

我真的不明白你的问题，但不知何故，我认为这就是你正在寻找的： 使用CSS @media 查询来确定视口的宽度。