我也有同样的问题。对我来说，问题在于大屏幕上的显示:“none”(media-query)和智能手机上的显示:“initial”。如果我删除了display css属性，并在桌面上添加了不透明度和指针事件，一切都解决了。

我也有同样的问题，我在这里找到了答案。

如果你的元素没有像预期的那样粘在一起，首先要检查应用到容器上的规则。

具体来说，查找元素的任何父元素上设置的溢出属性。不能在position: sticky元素的父元素上使用:overflow: hidden、overflow: scroll或overflow: auto。

我知道这个问题似乎已经有了答案，但我遇到了一个具体的案例，我觉得大多数答案都没有抓住重点。

溢出:隐藏答案覆盖了90%的情况。这或多或少是“粘性导航”的情况。

但是粘性行为最好在容器高度内使用。想象一下，在你网站的右栏中，有一个新闻简报的形式，它可以随着页面向下滚动。 如果sticky元素是容器的唯一子元素，那么容器的大小是完全相同的，并且没有滚动的空间。

你的容器需要是你期望元素滚动的高度。在右列的情况下就是左列的高度。 实现这一点的最佳方法是在列上使用display:table-cell。如果你不能，并且像我一样被float:right困住了，你必须要么猜左列的高度，要么用Javascript计算它。

我知道这是一个老帖子。但如果有人像我一样，最近才开始摆弄位置:粘性，这可能是有用的。

在我的例子中，我使用position: sticky作为网格项。它没有工作，问题是一个溢出x:隐藏在html元素。只要我删除了该属性，它就工作得很好。有溢出x:隐藏在身体元素似乎工作，但不知道为什么。

粘滞元素的真实行为是:

首先，在一段时间内它是相对的 然后它会被修复一段时间 最后，它从视图中消失了

固定定位的元素被视为相对定位，直到它的包含块在其流根(或它滚动的容器)内越过指定的阈值(例如将top设置为非auto的值)，此时它被视为“卡住”，直到遇到其包含块的对边。

元素根据文档的正常流定位，然后根据顶部、右侧、底部和左侧的值相对于其最近的滚动祖先和包含块(最近的块级祖先)进行偏移，包括与表相关的元素。偏移量不会影响任何其他元素的位置。

这个值总是创建一个新的堆叠上下文。请注意，粘滞元素“粘滞”到具有“滚动机制”的最近的祖先上(当overflow被隐藏、滚动、自动或覆盖时创建)，即使该祖先不是最近的实际滚动祖先。

这个例子将帮助你理解:

代码https://codepen.io/darylljann/pen/PpjwPM

似乎导航栏被粘不应该在任何div或部分与其他内容。没有一个解决方案是为我工作，直到我把导航栏从div，导航栏与另一个topbar共享。我以前有topbar和导航栏包装一个共同的div。