ホームページ  >  記事  >  ウェブフロントエンド  >  csdn forum_html/css_WEB-ITnose のようなサイドバーの表示と非表示効果を実現する際に問題が発生する

csdn forum_html/css_WEB-ITnose のようなサイドバーの表示と非表示効果を実現する際に問題が発生する

WBOY
WBOYオリジナル
2016-06-21 09:42:251135ブラウズ

jquery

長年やっているのですが、まだ効果が出ていないのでアドバイスをお願いします。 。 。
まずはサイドバーの位置を固定にして、jqueryのslideToggle関数を使って移動させたのですが、サイドバーの文字をまとめて隠すことができません。 。ただし、fixed が設定されている場合は float:left 属性が使用できないため、非表示ボタンのフローティングの問題もあります。 。 。始めたばかりの初心者は、これらのフローティング レイアウトに戸惑うかもしれません。専門家に指導を求めるか、他のより良い方法がある場合は指導を求めてください。テストコードも投稿していただけますか? 初心者の方はコードを使用すると理解が深まります

ディスカッションに返信します

さらに、CSS を設定します。表示する iframe の本文 :none;

ありがとう、1 階の例の方が理解しやすいです

これで、左側と右側にコンテンツを追加できます。何を書いても構いません
効果プレビュー: http://www.ablanxue.com/prone_4354_1.html

申し訳ありませんが、左側のフローティング オブジェクトをブラウザに対して静的なものに変更したいと思います。 。 。 ?

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。