這幾週stripe.com更新了網站，而且它的導覽列的hover效果很厲害

• 功能
  • 超連結Hover時，白色區塊要出現在該超連結區塊上
• 畫面
  • 白色區塊的寬高要符合該超連結區塊
  • 滑鼠移開時，不變
  • 滑鼠進入另一個超連結區塊時，白色的區塊追上去(不會消失)

htmlElement.getBoundingClientRect() 取得在可視範圍的方塊(內含的離邊都是距離可視範圍)

要用window.scroll的座標來修正成page的座標

寫這樣 用position: absolution做定位效果

highlight.style.top = `${linkCoodrs.top}px`;
highlight.style.left = `${linkCoodrs.left}px`;

可以寫成這樣 用transform的位移變化translate()

hightlight.style.transform = `translate(${linkCoodrs.left}px), ${linkCoodrs.top}px)`;