gpt4 book ai didi

javascript - 如何让CSS高度100%可滚动?

转载 作者:行者123 更新时间:2023-12-01 00:07:27 25 4
gpt4 key购买 nike

我想制作双色调背景。左侧 50% 为主要背景颜色,右侧 50% 为另一种颜色(例如粉红色)。我可以做到这一点,但现在面临另一个问题。当鼠标光标位于粉红色背景色上时,页面将无法滚动。如何解决这个问题并使其可滚动?

html代码

html,
body {
margin: 0;
overflow: scroll;
height: 100%;
background-color: #f5f5f5;
}

#background {
position: fixed;
top: 0px;
left: 50%;
width: 50%;
height: 100%;
background-color: pink;
z-index: 0;
}
<body>
<div id="background"></div>
</body>

最佳答案

我通过将 html 中的 height: 100%、body 更改为

解决了这个问题
min-height: 100%;

关于javascript - 如何让CSS高度100%可滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60281508/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com