jquery - オーバーフローがスクロールに設定されている div に新しいコンテンツを挿入すると、jQuery スクロール イベントが発生するのはなぜですか?

Question

CSS「オーバーフロー：スクロール」プロパティを持つdivがあります。jQuery メソッド html を介して新しいコンテンツを挿入すると、スクロール イベントが発生します。それはなぜですか、どうすればそれを防ぐことができますか? 私は実際にスクロールしていないので、挿入するだけです...

http://jsfiddle.net/qWckG/

Answer 1

スクロール位置が 100 から 0 に変わるため、(正しく) 起動します。

次のような醜い回避策を試すことができます。

http://jsfiddle.net/qWckG/3/

Answer 2

上記の状態のような回避策は必要ありません。これが機能しない理由は、レイアウトをどのように作成したかによるものです。「jau」を挿入すると、ラップされている800px divが削除されます。これにより、テキストだけに置き換えると、divがなくなり、高さがリセットされます。容器。これにより、スクロールバーが消え、'scroll'メソッドが呼び出されます。

次のいずれかを行う必要があります。

ラップjauイン<div> jau </div>、または：

$('#scrollWrapper').unbind('scroll');
$('#scrollWrapper').html('jau', function(){
  //rebind the scroll in the callback.
  $('#scrollWrapper').on('scroll', function(){
    alert("we have scrolled");
  });
});