2011-01-23 10 views
0

固定ヘッダ、lefCol、Right Colを持つCSSレイアウトを作成しようとしていますが、MainCenterColumn(#mainCol)の高さがスクロールできます。これで問題は、Mac上であなたがタッチパッド上で指をドラッグしてスクロールすることができますされhttp://jsfiddle.net/DscT6/CSSレイアウト - スクロールが列の横で動作しない

は、ここで私がこれまで持っているものです。私はあなたのマウスが左または右の欄の上にある場合、マウスがMailColの上にある場合にのみスクロールが機能することに気付きました。ページはスクロールしません。何か案は?これを見たことがありますか?提案?ありがとう!

+0

うーん...どういうわけか、私は何が起こると思いますか? '#viewer'は(' overflow:auto'を介して)スクロールするものです。なぜ他の場所にスクロールする必要がありますか?ページ上に2つのスクロール可能な要素があるとしたら、それはどういうふうに振る舞うか、あるいは間違って見えるでしょうか? – polarblau

+0

Macをお使いですか?右または左の列にマウスを置き、TOUCH/noMouseを使ってスクロールしようとすると....ページがスクロールしません。本当に悪いUXです。 – AnApprentice

+0

Ahh jezzがちょうどそれを見つけて、Zインデックスを追加して、ビューアにトリックをしました。誰もがより洗練されたソリューションをお勧めよりもスマート場合:)まだ – AnApprentice

答えて

0

私はpolarblauに同意します。overflow: autoを追加すると、必要に応じて要素が自動的にスクロールします。overflowルールを削除するとページ全体が最高の要素の高さになり、スクロールします。