全局禁用滚动条，但在特定元素上启用

Question

是否可以在网站上全局禁用css滚动条，但是在特定元素上启用，例如自定义选择菜单？

以下代码只显示.select元素

上的空白空格

我也尝试过不同的重要选项

body, html
  ::-webkit-scrollbar
    display: none
    -webkit-appearance: none
  ::scrollbar
    display: none

  div.select::-webkit-scrollbar
    display: block !important
    opacity: 1 !important
    width: 10px
    // -webkit-appearance: block
  div.select::scrollbar
    display: block !important
    opacity: 1 !important
    width: 10px

Codepen http://codepen.io/dpmango/pen/gLNpre

Answer 1

您可以使用以下css禁用滚动条：

    html,body{
       overflow:hidden;
   }

但是对于您可以使用的选择项目：

 .select{
   overflow:auto;
  }