固定メガメニュー - どのようにスクロールバー

Question

せずに携帯電話でスクロールを有効にする私は、このmegamenuコード使用しています： https://codepen.io/riogrande/pen/MKXweV

をしかし、私は

.menu-container{ 
    position:fixed; 
} 

これは、デスクトップバージョンのために働くが、あなたを追加しましたあなたがすべてのメニュー項目を見ることができないことを意味します。私は、スクロールバーを作成するために、モバイルスタイルに

.menu-container{ 
    overflow-y:scroll; 
    max-height:100%; 
} 

を追加することができますが、私はスクロールバーを持っていないことを好むだろう、私はちょうど同じように、それのユーザがすべてのメニュー項目を表示するには、スクロールダウンすることができるようにしたいですpositionがrelativeに設定されているときに機能します。

モバイルで固定位置を失うことなくこの効果を達成するにはどうすればよいですか？

Answer 1

実際にモバイルデバイスはスクロールバーを表示しません。 devモードでのみ、スクロールバーが表示されます。 変更overflow-y: scroll

auto;するか、これは任意のブラウザでは動作しない可能性があること、スクロールバー

.my-div-class::-webkit-scrollbar 
{ 
    width: 0; // Or display: none; 
} 

ノートを削除してください。 スクロールバーを使用しないdivをターゲットに設定