css 隐藏特定div的滚动条

sxissh06  于 2023-02-20  发布在  其他
关注(0)|答案(2)|浏览(152)

我有两个div一个是侧边栏和另一个是类别栏,我想隐藏滚动条从类别栏,但。
我试过了
#sidebar ::-webkit-scrollbar-thumb { visibility: hidden; }
但是它隐藏了两个div的滚动条。请帮助。

soat7uwm

soat7uwm1#

为什么不使用溢出??例如:#sidebar { overflow: hidden; }

icomxhvb

icomxhvb2#

你可以在categories bar div中添加一个类,这个类会指向你想要隐藏的滚动条。
类似这样的东西,作为参考使用,并适应自己的代码。

<div id="sidebar">
  ...
</div>

<div class="categories-bar">
  ...
</div>

<style>
  #sidebar ::-webkit-scrollbar-thumb {
    visibility: visible;
  }
  
  .categories-bar ::-webkit-scrollbar-thumb {
    visibility: hidden;
  }
</style>

相关问题