要素の近くにノートを表示する(absolute)
重要性: 5
ノートが position:fixed の代わりに position:absolute を使うよう、 前のタスク の解決策を修正してください。
それはページスクロール時に、要素から “離れていく” のを防ぎます。
そのタスクの解決策を出発点にしてください。スクロールをテストするために、スタイル <body style="height: 2000px"> を追加してください。
解法は実際には非常にシンプルです:
.noteに、position:fixedの代わりにposition:absoluteを CSS で使ってください。- ドキュメント相対座標を取得するために、チャプター 座標 の関数 getCoords() を使ってください。