0

HTML、CSS3、JavaScript でツールを作成する必要があります。一部の要素の固定サイズを維持しながら、すべてのコンテンツを適切に表示するために使用する水平および垂直スクロールバーが含まれます。これは私が欲しいものを説明しようとするレイアウトです ここに画像の説明を入力

だから、私は#left#right DIV を含む#main DIV を持っています。左の DIV には 2 つの DIV が含まれ、右の DIV には別の 2 つの DIV が含まれます。ここで、垂直スクロール バー (vscroll1) を作成して、# contentと#menu DIV の両方を上下にスクロールします (同時に、同じ DIV のように)。一方、同じコンテンツのように、水平スクロールバー (hscroll2) を#content#left_top_divを同時に左右にスクロールする必要があります。

私は 2 つの方法があると思います: CSS + HTML トリックまたは JavaScript を使用することです。現在、スクロールバーを#leftdiv ( overflow:auto) にアタッチすると、#left_top_div#content (それに含まれる DIV) が必要に応じてスクロールされますが、垂直方向には#menu DIVではなく#contentのみがスクロールされます。それで、それは問題です。イベントで JavaScript を使用して#menu topMargin を変更できますが、見栄えがよくない小さな遅延があります。あなたは私に何をするようにアドバイスしますか? ヒントやテクニックが必要なだけです (まあ、いくつかのサンプルコードもありがたいです)。少なくとも私の質問をすべて読んでくれてありがとう。.onscroll()

4

1 に答える 1

1

div のすべての CSS オーバーフローをデフォルトで「非表示」に設定します。それで...

#menu と #content を固定高さの div で囲み、overflow-y: scroll;

次に、#menu と #content の固定幅 div をoverflow-x: scroll

于 2012-09-04T17:16:15.617 に答える