絶対的な事業部を配置するためにjqueryのscrollTopスプライトを使用しました

StackOverflow https://stackoverflow.com/questions/2842586

  •  27-09-2019
  •  | 
  •  

質問

私は、ユーザーがページ上でクリックしている場所に応じて、jQueryのを使用して絶対DIVを配置しようとしています。

現時点では、これは

ちょうど素晴らしい作品
$('#window').css('left', jsEvent.pageX);
$('#window').css('top', jsEvent.pageY);

この位置私のマウスは、画面をクリックした正確要素...

あなたは、そのスクロールダウンまで。私は、アカウントにページの最上部からピクセルの量を取る何かを達成しようとしている理由です。私はこのような何かを考えて...

$('#window').css('top', jsEvent.pageY + scrollTop());

トリックを行うだろう、残念ながらそれは動作しません。

任意のヒント?

おかげで、

ティム

役に立ちましたか?

解決

これは間違いなく、Firefoxで動作します。このように、それはクロム、SafariとOperaで動作するはずです。 IEは、しかし、私は完全にはよく分かりません。それに打撃を与えるます。

$('#window').css({
    left: e.clientX
    , top: e.clientY + document.documentElement.scrollTop
});

編集:この新しいバージョンでは、ほとんどで動作するはず、そうでない場合はすべてのブラウザ

var rxp = /webkit/gi;

$('#window').css({
   left: e.clientX
   , top: e.clientY + rxp.test(window.navigator.userAgent) ? document.body.scrollTop : document.documentElement.scrollTop
}); 
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top