听起来你想要的是一个固定的位置和100%的高度:
position: fixed;
height: 100%;
Twenty15主题在风格上使用了以下代码。css:
@media screen and (min-width: 59.6875em) {
body:before {
display: block;
height: 100%;
min-height: 100%;
position: fixed;
top: 0;
left: 0;
width: 29.4118%;
}
.sidebar {
float: left;
margin-right: -100%;
max-width: 413px;
position: relative;
width: 29.4118%;
}
.site-content {
display: block;
float: left;
margin-left: 29.4118%;
width: 70.5882%;
}
Alternative: 我一直在使用2015年的主题,试图让左侧的持久导航侧栏独立于内容滚动,而不是默认行为。
从用户体验的角度来看,用户滚动的是内容,而不是菜单。当两个部分同时滚动时,用户会遇到更多的信息,而他们可能只是想看到更多的主体。
如果您对此备选方案感兴趣,请参阅this SE thread.