nicescrollプラグインを使用している場合、Navbarは小さいデバイスのリンクを表示するためにスクロールしません

Question

すてきなスクロールプラグインを使用しています。小さなデバイスでは、navbarはすべてのリンクを表示せず、スクロールバーもすべてのリンクを表示します。以下のように素敵なスクロールプラグインの設定に.navbar-collapseを追加しようとしました。それは動作しません。

$("html, .navbar-collapse, .modal").niceScroll({ 
    cursorcolor: '#F05F40', 
    cursoropacitymin: '0', 
    cursoropacitymax: '1', 
    cursorwidth: '6px', 
    zindex: 10000, 
    scrollspeed: 200, 
    mousescrollstep: 80, 
    horizrailenabled: false, 
}); 

また、次のプロパティをCSSに追加しようとしましたが、勝てませんでした。

.navbar-default { 
    max-height: 51px; 
} 

.navbar-collapse { 
    max-height: none; 
} 

@media (max-width: 768px){ 
    .navbar-default { 
    max-height: none; 
    } 
} 

小さなデバイスにナビゲーションバーのスクロールバーを追加するにはどうすればよいですか？

Answer 1

CSSで使用する"height"プロパティではない"max-height"です。プラグインが動作します。 CODEPEN

で

コード例私はそれはあなたを助け願っています。