Html 向下滚动页面时背景图像高度不是100%

我的包装器div包含一个背景图像，理想情况下高度和宽度应为100%。由于某些原因，在屏幕初始大小之后，当向下滚动页面时，超过该高度的任何内容都将变成空白

html, body{
    margin: 0;
    padding: 0;
    height: 100%;
    max-width: 100%;
    overflow-x:hidden;
    text-align: center;
    font-family: 'Roboto' , sans-serif;
}

.wrapper{
    background-image: url('./images/background.jpg');
    background-size: cover;
    position: relative;
    min-width: 100%;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    overflow: visible;
}

---

我想你的问题是由身高：100%的组合引起的和

溢出：可见：您正在将高度固定为100%（
最小高度：100%
在这种情况下不起任何作用），但溢出的内容仍然可见，但不是您所称的“初始高度”的一部分

作为解决方案，您可以保持
高度：100%移除<代码>最小高度：100%和更改
溢出：可见到
溢出：自动
你也可以发布HTML吗？