2012-09-30 3 views
7

は私の問題のための簡単なテストケースである:親のdivが をスクロールされていないマウスホイール マウスが「位置:固定」要素の上にあるときに、ホイールスクロールイベントが発生しないのはなぜですか?ここ

  • とスクロール
  • 赤い四角の上に

    http://jsfiddle.net/JZmvf/20/

    • プット・マウス

      親のdivをマウスホイールでスクロールするにはどうすればいいですか?

      ありがとうございました。 scrollable div要素は、あなただけの出力で探しているなら、それはそのように表示されていても、この場合はfixed div要素の親ではありませんのでposition: fixed;

    +0

    これは、Windows 7/IE9で罰金スクロールしますが、Chromeでスクロールしません。あなたが1つのブラウザでそれを解決したとしても、異なるプラットフォーム/ブラウザの組み合わせで同じ問題に直面する可能性があるので、私があなたであればそれを修正しようとはしません。 –

    答えて

    1

    要素は、ビューポートに対して位置決めされています。

    fixed divの上にカーソルを置き、下にスクロールすると、ブラウザにfixed divを下にスクロールするように指示されています。固定要素はスクロール可能ではないため、何も起こりません。

    あなたが達成しようとしていることについて正確にいくつかの詳細を追加することができます。希望が助けてくれる!

    0

    非常に遅い回答でしたが、私はpointer-events: noneのスタイルを "fixed" divに追加することでこの問題を克服できました。このよう

    http://jsfiddle.net/JZmvf/55/

    関連する問題