有没有办法只使用CSS沿着滚动条跳转？

假设我有以下标记和CSS：

HTML:

显然，这个设置调用了一个滚动条来向下滚动400px。我创造了一个更好的理解

有没有办法只通过CSS跳转到第二段？

我添加了一个javascript命令来演示我想要实现的目标。只需取消注释并运行它

到目前为止，我尝试了两件事，但在这两种情况下，我都无法再向上滚动：

• 将内部div容器的

  margin top

  属性设置为

  -180px

• 将内部div容器设置为

  位置：绝对
  和
  顶部：-180px

注：我不喜欢这个段落或任何内容。这只是一个例子。我想跳到任意位置

编辑：

---

锚定标记不是一个选项。我不想让不必要的标签充斥我的分数。

谦逊的“a”标签怎么样

   <a href="#one">jump to one</a>
   <a href="#two">jump to two</a>


   <a name="one">this is one</a>
   <a name="two">this is two</a>

这是一个
这是两个

不使用CSS，而是使用标准HTML/锚定

---

给你的段落一个ID，并使用URL散列来说明去哪里。我以一个锚定为例，说明如何让它跳到第二段。

为什么不在页面锚定标记中使用呢？那么JS是唯一的选择。我希望看到一个CSS专用的解决方案+1纯css是不可能的。我有点困惑，为什么你认为锚定标记是“不必要的标记”。由于它们将执行其语义功能，因此它们似乎是正确的做事方式。什么是锚（除了你需要添加锚之外）不符合你的用例？“锚标记不是一个选项。我不想用不必要的标记来淹没我的标记”是的-我现在明白了，他在我发布完我的答案后将其添加到他的帖子中作为编辑。

#Container {
  height: 400px;
  overflow: scroll;
}

#Content {
  height: 800px;
}

   <a href="#one">jump to one</a>
   <a href="#two">jump to two</a>


   <a name="one">this is one</a>
   <a name="two">this is two</a>