html - URL 中元素 ID 的滚动/跳转行为

我正在尝试构建一个CSS-Only Carousel，用于<a href="slide-ID"></a>导航到下一张幻灯片。这真的很好，但我想要的水平滚动也强制页面垂直滚动，这隐藏了部分的标题并将轮播移动到页面顶部。

我可以关闭这个垂直跳跃/滚动吗？或者以某种方式使用偏移量配置它？ 在 url 中使用 element-id 时，我找不到描述滚动行为及其选项的文档/规范。

我目前的解决方案是<ol>垂直扩展并将其放在<h2>上面position="absolute" z-index="1"，但我想知道是否有更优雅的方式。谁能给我一个解释和/或指向我一些文档（MDN，W3，...）？

伪代码：

<section class="carousel_section">
  <h2 class="sectionTitle"></h2>
  <ol class="carousel>
    <li id="slide-1"></li>
    ...
  </ol>
</section>

标签： htmlcssurl