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

Question

我们说我有以下标记和CSS：

HTML：

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

CSS：

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

#Content {
  height: 800px;
}

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

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

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

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

• 将内部div容器的margin-top属性设置为-180px
• 将内部div容器设置为position: absolute和top: -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哈希来说明要去哪里。我用一个锚作为例子，让它跳到第二段。