css 浏览器禁止滚动条滚动条

CSS 禁止浏览器滚动条的方法

在Web开发中，有时候需要禁止浏览器的滚动条，来保证页面的样式与布局，同时也可以提升用户体验。下面将介绍两种CSS实现的方法。

1. 隐藏滚动条

body{
    overflow: hidden;
}

这种方法是将滚动条隐藏，即不可见，但是用户仍然可以用鼠标或者键盘滚动页面。

2. 固定滚动条

body{
    position: fixed;
    width: 100%;
    overflow-y: scroll;
}

这种方法是将滚动条固定在页面上，不会因为页面滚动而改变位置，这种方法也可以保证页面样式和布局，同时用户可以用鼠标或者键盘滚动页面。

总的来说，选择哪种方法取决于具体使用情况，但是需要注意的是，如果想要让用户用鼠标或键盘滚动页面，并且又不破坏页面样式，那么应该选择使用第二种方法。