Wie Sie eine schwebende Schaltfläche in der oberen rechten Ecke des Bildschirms in JS einfügen

Question

Mit nur Javascript, wie Sie eine Schaltfläche einfügen, die immer in der oberen rechten Ecke des Fensters über andere Elemente schweben werden?

Bisher habe ich:

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

Answer 1

Verwenden top statt margin-top und stellen eine hohe 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

Veränderung der Positionierung festgelegt und an die Spitze zu 0

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

Answer 3

Sie waren fast da, aber anstatt die margin-top Eigenschaft zu verwenden, verwenden Sie die top Eigenschaft und verwenden Sie position:fixed; anstelle von position:absolute;.

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