Div朝相反方向滚动

Question

我有一个页面，其全部内容都包裹在一个div内– <div id="wrapper"></div>该div的属性为transform: scale(1.3)，且分辨率为1600px以上。

在此包装器中，我并排有两个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/

将浏览器视口的宽度设置为至少1600px，您会注意到这种情况。

Answer 1

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

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