0

CSS と HTML を使用して、単純なタブ付きコンテンツ表示を作成しました。このコードは、他のコンテンツと一緒にずっと長いページの途中に埋め込まれます。

jsFiddle は次のとおりです: http://jsfiddle.net/ollyf/R9rq2/

私はそれを利用しましたが、:targetそれがどのように機能するのか完全にはわかりません。いくつかのチュートリアルを読みましたが、動作を完全には理解していません。これは悪い/非効率的なコードだと思います。

  1. このタブ付きコンテンツ効果を達成するためのより効率的な方法はありますか?
  2. そうでない場合、スクロール位置が DIV の上部にスナップせずにコンテンツを表示するにはどうすればよいですか?
4

1 に答える 1

0

擬似セレクターは、:targetページ アンカーによってトリガーされます。これは、URL がhttp://www.example.com/#anchor1 #anchor1:targetの場合にスタイルがアクティブになることを意味します。ページも #anchor1 要素までスクロールされます。これはブラウザのデフォルト機能です。

タブ効果を実現するもう 1 つのオプションは、javascript を使用することです。概念は JavaScript と同じですdisplay。クリック ハンドラを介して属性を切り替えます。タブで使用できる既製のスクリプトがいくつかあります。ここに一例がありますhttp://jquerytools.org/demos/tabs/index.html

これが問題を解決するのに役立つことを願っています。

于 2012-05-04T16:40:42.957 に答える