html - Div 设置为固定位置，在移动响应 View 中不随滚动 float

Question

我正在尝试添加一个粘性/固定条，它应该紧跟在移动屏幕宽度 < 420px 的固定标题之后，但即使我已经提到了所有应该使 div 紧跟在固定标题之后的 CSS 属性，但它的不要固定在滚动条上，如果有人可以使用 chrome 或 firebug 在大约 400 像素的移动 View 中查看此链接，我将不胜感激，让我知道我做错了什么？

以下是我试图在带有固定标题的滚动条上 float 的 div 的 CSS。

#hstickyfor_mobile {
  z-index: 10000;
  transform: translate3d(0, 0, 0);
  position: fixed;
  top: 100px;
  width: 100%;
  height: 100px;
}

谢谢

Answer 1

如果祖先元素设置了 transform 属性 (source)，则位置是相对于祖先元素设置的。

在您的情况下，当您正确设置 position: fixed 时，.mobmenu-push-wrap 元素设置了 transform 属性。所以 hstickyfor_mobile 元素的位置是相对于 .mobmenu-push-wrap 元素确定的，它是静态的。