全局禁用滾動條，但在特定元素上啓用

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; 
    }