2012-02-10 10 views
0

3つのニューススクロールの3列レイアウト(Tiny Scrollbar http://baijs.nl/tinyscrollbar/を使用)があります。位置:IE7でスクロールバーを無効にする問題を修正しました

ビジネス上の必要性は、IE7のこのページ機能を指示します。さらに複雑にするために、各divにはiFrameが含まれています。これらのスクロールバーは別々のHTMLファイルでなければなりません。スクロールバーをクリックしてスクロールすると、フレーム全体が左に数ピクセル移動します。マウスを押したまま動かすと、左右に移動します。 divを固定して配置すると、フレームはそのまま残りますが、コンテンツ(リンク、スクロールなど)は完全に無効になります。

私は前もってお詫びしますが、私はこれらのことをかなり勉強しています。助言がありますか?

+0

あなたの問題は正しく、それは絶対的な正常な動作です。要素を定位置に置くと、スクロールはスクリーン上の特別な点に固定されているため、効果はありません。反対に、要素がオーバーフローすると、スクロールバーのスペースを確保してコンテンツを少しシフトする必要があります。オーバーフロー:スクロールするたびにスクロールバーを表示することを避けることができます。 –

+0

明確にしてくれてありがとう、私はまだ学んでいると言ったように、私はそれを感謝する。 - それで、相対的な立場に立てば左にジョギングするのを止めるためにできることは何ですか? – user1202989

+0

はい、スタイルオーバーフローを追加することができます:scroll;毎回スクロールバーが表示され、内容は変化しません。または、オーバーフローで完全にスクロールしないようにする必要があります。しかし、それは私が思っていないです。 –

答えて

0

ブラウザのスクロールバーが表示されるため、コンテンツが左に移動すると思います。 iframeのスクロールバーを無効にすることができます。それが十分でない場合と同様のiframeにロードされたページのbodyタグにいくつかの属性を追加し、

<iframe style="overflow:hidden;"></iframe> 

::次のようにiframeタグにいくつかのスタイルを追加し、私は理解している

<body style="overflow:hidden;" scroll="no">