CSS仅平滑滚动并带有偏移？

Question

我使用经典的锚标记方法来单击并滚动到特定的 div

<a href="#scrollTo"></a>
<div id="scrollTo"></div>

我面临的问题是这种方法会滚动直到 div 上边距位于屏幕顶部。有没有一种方法可以仅使用 css 滚动它一半，或者我将不得不使用 javscript？

Answer 1

您可以在div.&nbsp;如果您将一个元素放置在具有负边距的positioned内部。scrollto div负边距将是您想要的偏移量。使内部元素的高度为0px，这样用户就看不到它。id当然，您需要将其放在该元素上。<div&nbsp;id="olddiv"> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="scrollTo"&nbsp;style="margin-top:&nbsp;-100px"></div> </div>

Answer 2

您可以查看在用作锚点的 div 上使用偏移量： offsetting an htmlanchor to adjustment forfixed header