打开侧边抽屉时，滚动页面时，具有固定位置的页眉将移动

Question

这是我的小提琴

我body有两个div元素#drawer和#content 。 在div #content内部是一个position: fixed为header position: fixed 。

单击标题中的左上方菜单按钮时，将使用css3转换和转换来转换主#content div，以模拟抽屉的“打开”状态。 当我这样做时，就会出现问题。

在#drawer打开的同时滚动#content div，或稍微滚动此div，然后打开#drawer ，即使header已#drawer ， header #drawer向上移动到页面顶部。

不确定在凝视了一下问题后出了什么问题时，我希望能有更多有经验的眼神，因为我试图尽快完成它。

非常感谢你们能为我提供的任何帮助。 提前致谢 ：）

Answer 1

使用transform和position：fixed在一起时遇到了问题。 在我的小提琴中，我使用过渡而不是转换 。 我还稍稍修改了jQuery，但我想您会明白的。

关键是这样的：

#content.open,
#content.open header{
    left: 70%;
}
#content, header {
    transition: 300ms left;
    -webkit-transition: 300ms left;
    -moz-transition: 300ms left;
    -o-transition: 300ms left;
    left: 0;
}