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

Question

Using only plain javascript, how to insert a button that will always be floating in the top right corner of the window above other elements ?

So far I got:

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

Answer 1

Use top instead of margin-top and set a high 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

You were almost there, but instead of using the margin-top property, use the top property and use position:fixed; instead of position:absolute; .

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

Answer 3

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

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