当我阻止身体上的滚动时，粘性标题向上移动一个像素答案

【问题标题】：sticky header move one pixel up when I block the scroll on body当我阻止身体上的滚动时，粘性标题向上移动一个像素
【发布时间】：2018-01-28 03:35:38
【问题描述】：

这是我在 chrome mobile 上遇到的一个非常奇怪的问题。

当你有一个粘性标题时，只使用 position:sticky。在页面末尾之前滚动，然后使用 css 属性在 body 上添加防止滚动

overflow: hidden

粘性标题将向上移动 1px。位置固定也会出现此问题。

我创建了一个演示，在 Android Chrome 上试用：https://run.plnkr.co/tCOjTUgjURu5Q2J5/

【问题讨论】：

标签： css

【解决方案1】：

这个问题的解决方案似乎也非常奇怪。

如果你使用：

overflow-y: hidden

为了防止滚动，

此属性不会导致粘滞/固定元素的跳转

【讨论】：