如何在JS的屏幕右上角插入一个浮动按钮

Question

仅使用普通的javascript，如何在窗口的右上角插入一个总是漂浮在其他元素上方的按钮？

到目前为止，我得到了：

var button = document.createElement("Button");
button.innerHTML = "Title";
button.style = "margin-top:0%;right:0%;position:absolute;"
document.body.appendChild(button);

Answer 1

使用top代替margin-top并设置高z-index

var button = document.createElement("Button");
button.innerHTML = "Title";
button.style = "top:0;right:0;position:absolute;z-index: 9999"
document.body.appendChild(button);

Answer 2

您几乎就在那里，但不使用margin-top属性，而是使用top属性并使用position:fixed;代替position:absolute;。

＆＃13;

＆＃13;

var button = document.createElement("Button");
button.innerHTML = "Title";
button.style = "top:0;right:0;position:fixed;"
document.body.appendChild(button);

＆＃13;

＆＃13;

＆＃13;

Answer 3

将定位更改为固定，将顶部更改为0

button.style = "top:0%;right:0%;position:fixed;"