-1

検索機能が組み込まれた Wordpress ページがあります。結果はサイドバーに表示され、リンクをクリックすると、リンクのコンテンツがメイン コンテンツ パーツに表示されます。

問題は、800px 以下の小さな画面でサイトを使用する場合です。このような画面を使用すると、サイドバーは単にコンテンツの下に表示されます (コンテンツがないため、リンクをクリックしない限り、検索結果は引き続きページの上部に表示されます)。ただし、リンクをクリックしたときにサイドバーを非表示にしたいのですが、検索結果が不要になるため、代わりに小さな画面に「戻る」ボタンが用意されています。

私の質問は、ユーザーが特定のページ (この場合は検索結果をクリックしたときに表示されるページ) にいるときだけサイドバーを非表示にする方法はありますか? どこにもたどり着くことなく、ほとんどのCSS疑似セレクターを調べました。

これが CSS で実現できない場合は、Javascript でも問題ありません。

このページは次の場所にあります: http://stilius.se/wilink/

そして、ここで検索を実行したバージョン:

http://stilius.se/wilink/store/products/category/stockholm_nacka_tullen_ica/?cat=41

4

2 に答える 2

0 
.linkClass:active #sideBarId { display: none;  }
于 2013-08-07T11:14:52.010 に答える
0

には<body>、異なるページと異なる条件で異なるクラスがあります。シンプルな CSS カスケードを使用して、何かを表示または非表示にすることができます。

.search #sidebarborder { display: none; }

ここで利用可能なすべてのクラスを確認できます - http://codex.wordpress.org/Function_Reference/body_class

于 2013-08-07T11:13:55.817 に答える