Disable Scrollbar Globally, But Enable On Specific Element

Is it possible to disable css scrollbar on site globally, but enable on specific element, such as custom select menu ? Following code simply display blank whitespace on .select ele

Solution 1:

you can use following css to disable scrollbar:

html,body{
       overflow:hidden;
   }

but for select item you can use:

.select{
   overflow:auto;
  }