css禁止网页滚动 |css两张图片为什么压一起了

body {
overflow：hidden;
}

通过在body标签上添加overflow：hidden属性，大家可以控制页面的滚动。这个属性会隐藏页面的滚动条，并且阻止用户对页面进行滚动。虽然这种方法可以禁止网页的滚动，但是需要注意的是，在某些情况下禁止滚动可能会影响用户的操作体验，因此应该在必要的情况下使用。

除了使用overflow：hidden属性以外，还有另一种CSS禁止网页滚动的方法，那就是在弹出框或者弹窗出现时，给body标签添加一个class，并将其overflow属性设置为hidden。这个方法能够在弹出框或者弹窗出现时禁止网页的滚动，而不会对页面的其他部分产生影响。

.modal-open {
overflow：hidden;
}

以上就是关于CSS禁止网页滚动的介绍和演示。通过这种方式，大家可以在必要的情况下禁止网页的滚动，提升用户的操作体验。需要注意的是，在实际应用中，大家要根据具体的业务逻辑来灵活运用这种技术。