浮動關閉按鈕

Question

我有一個關閉按鈕。我該如何製作，以便在您向下滾動頁面時關閉按鈕懸停？現在它在頂部。 當我們向下移動頁面時，我想讓它向右浮動（懸停內容）。

Answer 1

使用position屬性和bottom,right屬性，當您滾動時，元素被設置在固定的位置。

.box { 
 
    height: 1000px; 
 
    position:relative; 
 
} 
 

 
.floater { 
 
    position: fixed; 
 
    right: 10px; 
 
    bottom: 10px; 
 
}

<div class="box"> 
 
    <div class="floater">I'm floating</div> 
 
... 
 
</div>