javascript - div 向相反方向滚动

Question

我有一个页面，其全部内容都包含在一个 div 中 – <div id="wrapper"></div>此 div 应用属性 transform: scale(1.3)在 1600 像素及以上。

在这个包装器中，我有两个并排的 div，它们的父 div 设置为 display: flex

<div id="container">
    <div id="sidebar"></div>
    <div id="content"></div>
</div>

滚动内容时，侧边栏应该固定在顶部而不滚动。它会这样做，但只有当 transform不应用属性。一旦transform属性被应用到包装器，侧边栏开始向相反方向滚动。

这是演示链接 – http://cpll.co/happicities/the-happicity-model/

将浏览器视口(viewport)的宽度设置为至少 1600 像素，您会注意到这种行为。

Answer 1

检查一下。这可能会解决您的问题

#thm-container #thm-container-main {
    align-items: flex-start;
}