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

Question

假设我有以下标记和 CSS：

HTML：

<div id="Container">
  <div id="Content">
    [* some text *]
  </div>
</div>

CSS：

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

#Content {
  height: 800px;
}

显然，这种设置调用滚动条可能向下滚动 400 像素。为了更好地理解，我创建了一个jsFiddle。

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

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

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

• margin-top将内部 div 容器的属性设置为-180px
• 将内部 div 容器设置为position: absoluteandtop: -180px

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

编辑：

锚标签不是一种选择。我不想用不必要的标签淹没我的标记。

Answer 1

不起眼的“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>

Answer 2

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

http://jsfiddle.net/r6vn7/3/

<a href="#p2">paragraph 2</a>

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