有人知道在固定大小的弹出矩形上设置x/y位置的简单方法吗

Does anyone know a simple way to set x/y position on a fixed size pop up rectangle

本文关键字:设置 方法 简单 位置      更新时间:2024-01-22

我需要一个简单的弹出矩形,最好是jQuery或类似的矩形,它只会弹出一个缩小的画布(比如说,1:2,代表一个1000px x 1600px的浏览器窗口),点击它可以在整个窗口中获得x/y位置。

这实际上只是一种简单、直观的方法,可以帮助客户在页面上定位内容(必须完全由他们控制,而不是在网格上)。

有人知道有什么东西已经做了这样的事情吗?(我正在寻找wordpress管理员,但应该能够在几乎任何地方工作)。

编辑以澄清。如果没有什么能做到这一点,我认为以下可能会奏效:

如果你点击一个按钮,jQ,一个绝对定位的div(灯箱风格),大小与我所说的一样,然后在点击它时关闭div,但不知何故,在点击它的div中获得x/y位置,然后用一些数学方法缩放它。。。

我想我不知道如何在这里得到x/y位置相对于特定div.的大小

对不起,我认为这可能是一个措辞有点糟糕的问题。

$('#popup').css("top", ($(window).height()) / 2 + $(window).scrollTop() + "px");
$('#popup').css("left", ($(window).width()) / 2 + $(window).scrollLeft() + "px");

您的canva需要设置为

position: relative

那么这个元素中的任何东西都可以设置为

position : absolute
top:  [your Y position from top side of the canva]px;
left: [your X position from left side of the canva]px;

绝对位置总是指没有默认位置的第一个元素,在这种情况下是相对的。