控制多个弹出窗口的位置

Question

此代码中有3个弹出窗口。我希望能够控制3个弹出窗口中每个窗口的位置，但它们都位于完全相同的位置。如何控制每个人的定位？有人可以帮忙吗？非常感谢!!

https://jsfiddle.net/vibajajo64/v8prq87x/1/

xcodebuild

Answer 1

弹出窗口绝对定位。您可以更改左，右，上，下更改弹出窗口的位置。这里有一个示例https://jsfiddle.net/v8prq87x/2/

document.getElementById("popup").style.left="200px";//
//you can use  left ,right ,top ,bottom css properties to change location of absolutely positioned popup

<强>更新

请检查更新版本 https://jsfiddle.net/v8prq87x/3/ 仔细观察，代码只会更改pop-up1 - 是的问题是你有3个元素具有相同的id，所以只有第一个被调用.id是一个唯一的名称，只有一个元素可以有一个弹出ID。所以你需要的是一个class.see我更新的代码。在那里我添加了3个弹出div的类弹出窗口。所以我们可以访问第一个document.getElementsByClassName("popup")[0]