Javascript 如何在JS中在屏幕右上角插入浮动按钮

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

到目前为止，我得到了：

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

---

使用

top

而不是

margin top

并设置一个高

z指数

var-button=document.createElement（“按钮”）；
button.innerHTML=“Title”；
button.style=“顶部：0；右侧：0；位置：绝对；z索引：9999”
document.body.appendChild（按钮）使用
top
而不是
margin top
，并设置一个高
z指数


var-button=document.createElement（“按钮”）；
button.innerHTML=“Title”；
button.style=“顶部：0；右侧：0；位置：绝对；z索引：9999”
document.body.appendChild（按钮）将定位更改为固定，将顶部更改为0

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

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

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

您就快到了，但是不要使用
margin-top
属性，而是使用
top
属性并使用
position:fixed而不是
位置：绝对


var-button=document.createElement（“按钮”）；
button.innerHTML=“Title”；
button.style=“顶部：0；右侧：0；位置：固定；”
document.body.appendChild（按钮）
您就快到了，但是不要使用
边距顶部
属性，而是使用
顶部
属性并使用
位置：固定而不是
位置：绝对


var-button=document.createElement（“按钮”）；
button.innerHTML=“Title”；
button.style=“顶部：0；右侧：0；位置：固定；”
document.body.appendChild（按钮）其他每一个答案都遗漏了
z-index
部分+我为此付出了代价！如果我运行这个截取，比方说堆栈溢出，按钮将显示在页面底部而不是顶部…@Antzi为什么它会这样做？@Antzi我刚刚用一个用户脚本测试了它，它在这里工作得非常好SO@Antzi在这个提琴中，是一个用户脚本。例如，使用Tampermonkey运行它，您将在这里看到它可以在
z-index
部分的其他答案上工作+我为此付出了代价！如果我运行这个截取，比方说堆栈溢出，按钮将显示在页面底部而不是顶部…@Antzi为什么它会这样做？@Antzi我刚刚用一个用户脚本测试了它，它在这里工作得非常好SO@Antzi在这个提琴中，是一个用户脚本。例如，用Tampermonkey运行它，您将看到它在这里如此有效