淘先锋技术网

首页 1 2 3 4 5 6 7

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;

以上方法同样可以实现元素内部不滚动。