ライトボックスでスクロールバー

ライトボックスで表示される画像にスクロールバーを付けることは可能でしょうか？

可能であれば、タグも教えてください。
宜しくお願いします_(._.)_

No.2 ベストアンサー 回答者： naokita 回答日時： 2013/03/09 00:50

LightBox v2.05環境の話だけど、

CSS/lightbox.css を編集

#lightbox{position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
↓　↓　↓　↓
#lightbox{position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; width:200px; height: 200px; overflow: scroll;}

サイズを小さくして、overflow: scroll;してやればよいです。

この回答へのお礼

ありがとうございます！
たすかりました^_^

お礼日時：2013/03/23 10:17

No.1 回答者： ORUKA1951 回答日時： 2013/03/08 17:15

ライトボックスが何かわかりませんが・・

ブロックに対して、スタイルシートでoverflowプロパティの値にautoを指定するだけです。
タグは普通に囲めばよいです。囲む必要も内場合が多いですが・・

<div class="section">
<h2>本文見出し</h2>
<p>本文記事</p>
<p>本文記事</p>
<p>本文記事</p>
<p class="figure"><!-- 挿絵 -->
<img src="" width="" height="" alt="">
</p>
</div>
だとして
div.section{
width:80%;/* 幅をウィンドウの80% */
margin:0 auto;/* 左右中央に */
position:relative;/* 位置やサイズの基準に */
min-height: 400px;/* 最低限の高さを確保 */
}
div.section h2,
div.section p{
margin-right:210px;/* 右を200px空けておく */
}
div.section p.figure{
margin:0; /* 先ほどの指定を解除 */
position:absolute; /* 絶対配置 */
top:0; right:0; /* 右上に */
width:200px;/* 幅を指定 */
overflow:auto;/* 必要なときスクロールが出るように */
}

この回答へのお礼

ありがとうございます★
勉強になりました！

お礼日時：2013/03/23 10:19