スクロールバーをグローバルに無効にしますが、特定の要素で有効にします

Question

サイトでCSSスクロールバーをグローバルに無効にできますが、カスタム選択メニューなどの特定の要素で有効にすることはできますか？ ！

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 

を次のコード

は単に.select要素

の空白空白を表示し、私は別の試してみました重要なオプションだけでなく

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

Answer 1

あなたは、スクロールバーを無効にするには、次のCSSを使用することができます。

html,body{ 
     overflow:hidden; 
    } 

が、選択した項目のためにあなたが使用することができます。

.select{ 
    overflow:auto; 
    }