/ / e.pageXがすべての解像度で正常に動作しない - jquery、html5、css3

e.pageXがすべての解像度で正常に動作しない - jquery、html5、css3

onClickスパン、私はメッセージを表示する必要がありますその位置。だから、私はe.pageXを使ってマウスのクリック位置を決定しました。なぜなら、2つ以上のスパンがあるからです。それは解像度でうまく動作します。解像度を最大にすると、メッセージはクリックされたスパンから遠くに表示されます。

$("div.moveRemoveItems").on("click",".detailRowThree #itemRawHerb",function(e) {
e.preventDefault();
$("div#viewboxCR").css( "left", e.pageX+30 );
$("div#viewboxCR").show();
$("div#viewboxCR").css("z-index","999");
}

回答:

回答№1は0

このhtmlモデルでは、CSSプロパティを設定する必要があります:

<div class="parent">
<div class="child">
</div>
</div>

したがって、CSSのプロパティは

.parent{
position: fixed;
width: 100%;
height: 100%
top: 0;
left: 0;
}

.child{
position: relative;
width: 200px;
margin: auto;
}

そうすればうまくいくはずです。それにもかかわらず、あなたはjqueryメソッド.resize()を使うことができます。

$(window).on("resize", function() {
// your diffirent code here for calcaulating parametrs
});

もし私が右にあなたを理解した。