内容失效4

如果你想让内容自适应高度并且能够触发滚动事件，可以使用 `overflow: auto` 属性来实现。这样，当内容超出容器高度时，会显示滚动条，并且滚动事件会正常触发。 以下是一个示例代码： ```html <div class="container"> <div class="content"> <!-- 页面内容 --> </div> </div> ``` ```css .container { height: 300px; /* 设置容器的高度 */ overflow: auto; /* 当内容超出容器高度时显示滚动条 */ } .content { /* 设置内容自适应高度 */ height: auto; min-height: 100%; /* 可以根据需要设置最小高度 */ } ``` 在上述代码中，我们设置了一个容器 `.container` 的固定高度，并将其 `overflow` 属性设置为 `auto`，这样当内容 `.content` 超出容器高度时，会自动显示滚动条。同时，在内容区域的样式中，我们将高度设置为 `auto`，以使其根据内容的实际高度进行自适应。 请注意，滚动事件只有在内容超出容器高度时才会触发。如果内容没有超出容器高度，滚动事件将不会被触发。