[解決済み] 子 div をスクロールさせるとウィンドウがスクロールします。

質問

スクロールバー付きのdivがあるのですが、それが端まで来ると、ページがスクロールし始めます。私はこの動作を停止することができますとにかくありますか？

どのように解決するのですか？

解決策が見つかりました。

http://jsbin.com/itajok

これは私が必要としたものです。

そしてこれがそのコードです。

http://jsbin.com/itajok/edit#javascript,html

jQueryプラグインを使用します。

非推奨の通知による更新

から jquery-mousewheel :

3つの引数を追加する旧来の動作( delta , deltaX そして deltaY ) は非推奨となり、今後のリリースでは削除される予定です。 で削除されます。

では event.deltaY が使われなければなりません。

var toolbox = $('#toolbox'),
    height = toolbox.height(),
    scrollHeight = toolbox.get(0).scrollHeight;

toolbox.off("mousewheel").on("mousewheel", function (event) {
  var blockScrolling = this.scrollTop === scrollHeight - height && event.deltaY < 0 || this.scrollTop === 0 && event.deltaY > 0;
  return !blockScrolling;
});

デモ