HTML 錨點定位偏移問題：頁面高度不足導致後續錨點重疊

頁面內錨點 #caption3、#caption4 點擊後定位相同，因為內容高度不足以填滿視窗，瀏覽器無法進一步向下滾動。

原理

• 錨點定位會將目標元素滾動至視窗頂部。
• 若目標元素之後內容高度 < 視窗高度，瀏覽器已達底部，無法再滾動，導致多個錨點視覺位置相同。

解決方法

1. 在最後一個區塊下方增加佔位內容（如 <div style="height:1000px"></div>）。
2. 或對 html, body 設定 min-height: 200vh 強制頁面可滾動。
3. 測試時確保每個區塊間有足夠間距內容。