css - 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だけで2番目の段落にジャンプする方法はありますか？

達成したいことを示すためにjavascriptコマンドを追加しました。コメントを外して実行するだけです。

これまでに試したことが2つありますが、どちらの場合も上にスクロールできませんでした。

注：私は段落や内容を気にしません。これは単なる例です。任意の位置にジャンプしたい。

編集：

アンカータグはオプションではありません。不要なタグでマークアップをあふれさせたくありません。

score 4 · Accepted Answer

謙虚な「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>

score 3 · Accepted Answer

CSS ではなく、標準の HTML/アンカーを使用します。

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

段落に ID を付け、URL ハッシュを使用してどこに移動するかを指定します。2 番目の段落にジャンプさせる方法の例として、アンカーを使用しました。

2 に答える 2