css 页面无法滚动 |iframe 中内容添加css样式

首先，页面无法滚动的原因可能是因为设置了overflow:hidden属性。当该属性设置在页面主体元素中时，会导致内容超出页面外部的部分被裁剪掉，因此无法通过滚动来查看完整的页面。

body {
overflow: hidden;
}

如果需要使页面能够滚动，只需要将对应元素的overflow属性设置为auto或者visible即可。

body {
overflow: auto;
}

除了overflow:hidden属性之外，另一个可能导致页面无法滚动的原因是使用了position:fixed属性。该属性会将元素固定在页面的某个位置，不随页面滚动而移动。因此，如果一个固定在页面某个位置的元素比页面的可视区域大，就会导致页面无法滚动。

header {
position: fixed;
width: 100%;
height: 80px;
top: 0;
left: 0;
}

解决这个问题的方法是将对应元素的position属性设置为relative或者absolute，或者修改元素的大小或位置，以适应页面大小。

header {
position: relative;
width: 100%;
height: 80px;
}

最后，大家还需要注意一点，即在编写CSS样式时应该注意不要将样式写死，而应该让页面元素自然适应不同大小的窗口。这样即使页面的可视区域发生变化，页面也能够正常滚动。