代わりにスクロールページのマウススクロール

Question

500pxのドロップダウンメニューを使用するTwitter Bootstrapサイトがあります。マウスのスクロールホイールでスクロールするWebKitのブラウザでは、マウスがその上にあるときにメニューをスクロールせず、むしろページをスクロールしているようです。 Firefoxを使用すると機能は向上しますが、マウスがメニュー上にあるときにページをスクロールすることがあります。

「総合政策」メニュー項目表示してテスト：あなたのマウスが上にあるときに

http://www.puc.edu/campus-services/student-services/student-handbook

メニューにフォーカスを与える方法があるが、そうマウスのスクロールホイールがページの内容ではなくメニューをスクロールできることを確認しますか？動作しますオート：.dropdown-menuへ

overflow-y: auto; 

を追加

Answer 1

は、私はクローム（WebKitのブラウザ）

Answer 2

あなたがオーバーフロー-Yを与えることができるのスクロールホイールを使用することができます。しかし、これはZ指標値のために起こります。

nav .dropdown-menu { 
    z-index: 99999; 
} 

これで効果があります。