在我的react应用程序中，我有一个具有以下结构的主页
<Layout> <Header /> <Aside /> <Main /></Layout>
<Layout>
<Header />
<Aside />
<Main />
</Layout>
我想让<Aside/ >和<Main />组件有自己的滚动条，但我没有找到任何方法来做到这一点。我给这两个组件都设置了css样式overflowY: 'scroll'属性，但是没有效果。
<Aside/ >
overflowY: 'scroll'
anhgbhbe1#
我找到解决办法了。这两个组件都需要以下css属性：
position: 'sticky',height: `calc(100vh - ${headerHeight}`),overflowY: 'scroll'
position: 'sticky',
height: `calc(100vh - ${headerHeight}`),
1条答案
按热度按时间anhgbhbe1#
我找到解决办法了。
这两个组件都需要以下css属性：