/ / e.pageX funktioniert nicht in allen Auflösungen - jquery, html5, css3

e.pageX funktioniert nicht in allen Auflösungen - jquery, html5, css3

onAuf einen Bereich klicken, muss ich eine Nachricht in anzeigendiese Position. Also habe ich e.pageX benutzt, um die Mausklickposition zu bestimmen, da es mehr als zwei Spannen geben kann. Es funktioniert gut in einer Auflösung. Wenn ich die Auflösung maximiere, wird die Nachricht weit entfernt von der angeklickten Spanne angezeigt.

$("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");
}

Antworten:

0 für die Antwort № 1

Sie sollten die CSS-Eigenschaft in diesem HTML-Modell festlegen:

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

also sollte die CSS-Eigenschaft sein

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

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

Also sollte es funktionieren. Trotzdem können Sie die jquery-Methode .resize () verwenden, etwa so:

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

Wenn ich dich richtig verstanden habe.