2011-07-29 22 views
0

私は自分のページにDIVを持っています。 DIV内には、ボタンのようにカスタマイズする他のDIVがあります。ここでは例です:DIVにスクロールバーを追加するにはどうすればよいですか?

fiddle

私は、ユーザーが正しいボタン(DIV)までスクロールできるように、スクロールの何らかの手段を持っている必要がありますので、多くのボタンがありますので。フィドルでこれはiframeを使って行われますが、これは検索エンジンの最適化に問題を引き起こす可能性があると私は思っています。

DIVにスクロールバーを追加する方法はありますか?私はこれを行ったことがないと思っていますが、私は誰かがいくつかのアイデアを持っていることを望みます

+0

outter divで 'height:Xpx; overflow:auto;'を使用することはできますが、おそらくデザインをリファクタリングする必要があります。ブラウザのスクロールバー(特にモバイルディスプレイ用)で作業する方が良いです。 – Kraz

答えて

0
+0

これはとてもいいですね。 JScroll Paneのようなものがあるのだろうか?あなたは他人を見ましたか?私は行くと今見ています。 – Janese

+0

他にもプラグインがありますが、これは最も人気があり人気があります。お役に立てて嬉しいです :) – JFFF

0

を含むDIV +オーバーフローのために高さを設定

おかげで、:autoまたは:あなたはこのような何かを行うことができ

<div style="width: 200px; height:240px;overflow:auto"> 
     <div class = "abc" >..... 
1

をスクロール:

padding-right:30px; overflow:auto; height:500px;

を追加します。

からメインdiv

http://jsfiddle.net/jasongennaro/AQ7Ev/7/

あなたはそれを動作させるためにheightを設定する必要があります。

また、paddingが必要です。スクロールバーがコンテンツと重ならないようにしてください。

+0

これはうまく見えますが、ユーザーがメインページの高さを変更するとどうなりますか?高さを設定する代わりに、そのDIVのtop:とbottom:を設定することは可能でしょうか? – Janese

+0

高さを何かに設定する以外に、サイズ変更についてはあまりできません。私はこの例で使用した500pxではありません。ただし、部分ボタンではなく完全ボタンが表示されるようにするには、 'height'を25px + 4pxの倍数にしてください(各ボタンの' height'と 'padding')。 –

0

いくつかのjQueryを使用して喜んでいる場合は、div要素に高さを設定し、overflow:auto;を追加する必要があります。私はあなたのバイブルをフォークしました。コードはhttp://jsfiddle.net/vxTqT/です。

関連する問題