ホームページ > 記事 > ウェブフロントエンド > ul、li、div を使用して水平スクロールを実装する方法layout_html/css_WEB-ITnose
ul、li、div を使用して水平スクロールを実装する方法layout_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:41:392582ブラウズ
Web ページの構造は次のとおりです。
クリックして子ノードを追加すると、子ノードが上の図に自動的に挿入されます。子ノードの構造は、上の写真。詳細は以下の図を参照してください:
子ノードが連続して挿入されると、ページの幅はどんどん広がっていきますが、ブラウザの幅に達すると自動的に折り返されるため、元の構造が変化します。欲しいのは 行の折り返しがなく、ブラウザの幅を超えてもページを横にスクロールできることです。
ブラウザの幅を超える前:
ブラウザの幅を超えた後:
この問題の解決方法を知っている人はいますか?
ディスカッションに返信（解決策）
投稿されたコードが理解できません... これはスクロールと関係がありますか?
http://www.jq22.com/plugin/ 3498/デモ
チェックしてください。
投稿されたコードが理解できません... これはスクロールと関係がありますか?
最後の 2 つの写真を見ると、ページの幅がブラウザの幅を超えると、ページが自動的に折り返されますが、これは元の構造を破壊します。私が望む効果は、ページの幅がブラウザーを超えた後、水平スクロール バーが自動的に表示され、元のページの構造を破壊することなくページを左右にドラッグできることです。
本文の幅を動的に変更すると、ブラウザにスクロール バーが表示されます。水平スクロール バーは無効になっていますか? それとも本文の幅が 100% ですか?
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。