css 去掉滚动条 两边

CSS去掉滚动条需要使用overflow:hidden属性，这个属性可以将滚动条隐藏起来，同时还可以将溢出的内容隐藏起来。

代码如下：

body {
      overflow: hidden;
}

但是，这种方法并不是完全的去掉滚动条，当页面内容超过视窗大小时，用户将无法查看页面下部内容。因此，我们可以使用一个更加完美的解决方案 - 使用webkit内核的::-webkit-scrollbar伪类来完整地去掉滚动条。

代码如下：

/* 隐藏滚动条 */body::-webkit-scrollbar {
      display: none;
}
/* 溢出内容滚动条区域隐藏 */body {
      scrollbar-width: none;
      -ms-overflow-style: none;
}
    

这种方法可以彻底地去除滚动条，同时也不会影响用户查看页面内容。需要注意的是，这种方法只在webkit内核的浏览器中生效，因此在使用时需要注意兼容性问题。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！