返回課程

在元素附近顯示備註(絕對)

重要性:5

修改前一個任務的解答,讓備註使用 position:absolute 而不是 position:fixed

這樣可以防止頁面捲動時備註「脫離」元素。

將該任務的解答作為起點。若要測試捲動,請新增樣式 <body style="height: 2000px">

解答其實很簡單

  • 在 CSS 中,對 .note 使用 position:absolute 而不是 position:fixed
  • 使用章節座標中的函式 getCoords() 來取得相對於文件的座標。

在沙盒中開啟解答。