2017-01-10 8 views
0

私はcss bootstrap affix menuを使用しているウェブサイトを持っています。Css Bootstrap添付ファイルメニューがMacBook Proの自動スクロールバーを表示しない

私のメニューの長さのため、画面の長さが十分でない場合は、自動垂直スクロールバーを追加する必要があります。

scrollspy-y-fixという名前のクラスをコンテナul要素とコンテナ<nav class="col-sm-3">の両方に追加して、画面がメニューよりも小さいときにスクロールバーを表示させました。

.scrollspy-y-fix { height:100vh!important; overflow-y:auto!important; }

MacBook Proを使用している場合を除いて、すべてのブラウザでうまく機能しているようです。 SafariまたはGoogle Chromeを使用しているMacBookでは、スクロールバーが表示されません。メニューは半分しか表示されず、メニューの下部にある項目を表示するためにスクロールできません。ここで

は、私はこの問題を解決するにはどうすればよい評価のためのサイトhttps://crestapps.com/laravel-code-generator/docs/1.0

のですか?

ここに私のMacBook Proのスクリーンショットがあります。ご覧のとおり、スクロールバーはありません。

さらに、通常の画面のPCでは、メニューをスクロールしてもメニューの選択項目は変更されません。どんな考え?

enter image description here

答えて

0

追加してみてください "オーバーフローを:スクロール;" CSSに。

関連する問題