CSS中设置body不滚动可以用来保持网页的固定效果。下面介绍两种方法实现body不滚动。
方法一:
body{ overflow:hidden; }
上述代码在body中设置了overflow属性为hidden,这样可以禁止body滚动。
方法二:
body{ position:fixed; top:0; left:0; right:0; bottom:0; }
上述代码使用了position属性的fixed值,并利用top、left、right、bottom属性将body元素撑满整个屏幕。这种方法同样可以实现body不滚动。
需要注意的是,如果页面中嵌套了滚动条,那么以上两种方法将会失效。在这种情况下,可以在需要禁止滚动的元素上添加以下CSS代码:
overflow:hidden; position:fixed;
以上方法同样可以实现元素内部不滚动。