在移动响应视图中，Div设置为不浮动且具有滚动的固定位置

Question

我正在尝试添加一个粘性/固定条，它应该位于移动屏幕宽度＆lt;固定标题之后。 420px，但即使我已经提到了所有的CSS属性，它们应该使固定标题之后的div棒，但它不会保持固定在滚动，我会非常感谢，如果有人可以请在移动视图中查看此链接使用chrome或400px左右萤火虫让我知道我做错了什么？

以下是我尝试使用固定标题滚动的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元素确定的，这是静态的。