JSの画面の右上にフローティングボタンを挿入するには

Question

プレーンなJavaScriptだけを使用して、他の要素の上にあるウィンドウの右上隅に常に浮かぶボタンを挿入するにはどうすればいいですか？

これまでのところ私は得た：代わりにmargin-topの

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

Answer 1

使用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

変更に0

に固定する位置決めとトップを設定します

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

Answer 3

ほとんどの場合、margin-topプロパティを使用する代わりにtopプロパティを使用し、position:absolute;の代わりにposition:fixed;を使用してください。

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