粘性模式更改它的放大/縮小位置和瀏覽器調整大小

Question

我的模式有問題。當使用jquery單擊按鈕時，我已經完成了向下滑動操作。現在我的問題是每當我放大，縮小或調整我的瀏覽器模式更改的位置。我希望模態堅持我想要的位置。這裏是我的代碼：

<script> 
$(document).ready(function(){ 
$("#login").click(function(){ 
$("#form").slideDown(400); 
}); 
    $("#close").click(function(){ 
$("#form").slideUp(400); 
}); 
}); 
</script> 

<style type="text/css"> 
#form 
{ 
display:none; 
position:absolute !important; 
top:300px !important; 
left:820px !important; 
margin-top:-120px !important; 
margin-left:-500px !important; 
z-index:101; 
} 
</style> 

正如你可以在我的代碼在上面看到的，我使用頂部和左側固定我的CSS模式的位置。但是，當我縮小/放大或調整瀏覽器大小時，位置會發生變化。我怎樣才能讓它堅持在一個固定的位置？任何幫助，將不勝感激。

更新：我自己修復它。我只需要在css中刪除一些代碼。這裏是新的CSS代碼：

<style type="text/css"> 
#form 
{ 
display:none; 
position:absolute !important; 
z-index:101; 
} 
</style> 

希望這有助於每個人都有同樣的問題。

Answer 1

使用position: fixed代替absolute