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

时间:2018-01-28 03:35:39

标签: css

这是我在Chrome手机上遇到的一个非常奇怪的问题。

当你有一个粘性标题时,只使用position:sticky。 在页面结束之前滚动,然后使用css属性

添加阻止在主体上滚动
overflow: hidden

粘性标题将向上移动1px。 这个问题也会在位置固定的情况下发生。

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

1 个答案:

答案 0 :(得分:0)

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

如果您使用:

overflow-y: hidden

阻止滚动,

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