有沒有可能使用HTML滾動到一個div，但不是滾動到div的頂部，而是從div向上滾動50px？

從這里開始，我一直遵循這個方法，但是我想知道如果需要的話，我如何能夠滾動div。理想情況下，我想這樣做只有HTML沒有JS，但如果需要可以使用JS。

超文本標記語言

<a href="#google"></a>

<div id="google"></div>

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

html {
  scroll-behavior: smooth;
}

滾動捕捉結合滾動邊距可以幫助你

html {
  scroll-behavior: smooth;
  scroll-snap-type: y proximity;
}

#google {
  height: 200px;
  border: 2px solid blue;
  background: red;
  scroll-snap-align: start;
  scroll-margin: 50px; /* OR -50px based on what you want */
}

<a href="#google">Scroll</a>
<div style="height: 800px"></div>
<div id="google"></div>
<div style="height: 800px"></div>