3

ネストされた DIV にスクロールを妨げる問題があるのか​​ 、それともコード自体に何か見落としがあるのか​​ わかりません。とにかく、実際にスクロールするクラス .txtpodscroll を持つ div を取得できないようです。バーがスクロールしないだけで問題ないように見えますか? 以下は、DIV に適用した CSS ルールです。

.txtpodscroll {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
line-height: 20px;
width: 360px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
height: 300px;
overflow-y: auto;
overflow-x: hidden;
position: fixed;

}

            <div class="holder-northeastphotobooth">
              <div class="imgpod"><img src="alt-img/nephotobooth-logo.png" width="370" height="89"></div>
              <div class="txtpodscroll">Photo booths are one of the most sought-after wedding reception additions, and we’ve got one of the best ready to bring to your big day.   We will deliver our professional booth to your venue, assemble it, and man it for the duration to make sure your guests have a great time taking lots of memorable pictures. Afterwards, we’ll dismantle and clear away the booth.   We can be as formal or as crazy as you like and will tailor it to suit your needs. You can select a range of fun green screen backgrounds for guests to choose from, allow uploading to Facebook, add multiple pictures to each print, take videos, and we can even bring along a box full of fun props for your guests to wear.   Hire our booth and you’ll get unlimited pictures and prints on the night, plus we’ll give you a USB stick with all of the pictures on to take away and for a limited time we’ll even supply a 2nd set of prints in a lovely photo album for you to take home and treasure. </div>
            </div>

さらに、これはライブで機能していないリンクです。

http://www.yourwedding.com/yourweddingwow/index-northeastphotobooth.html

4

3 に答える 3

1

これは、本の内側の影がスクロールバーの上にあるため、クリックできないためですが、影が透明な PNG であるため、まだ表示されています...次の行を変更します。

標準変数.css (83行目)

.holder-northeastphotobooth {
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 470px;
    margin: 0;
    padding: 15px;
    position: relative;  /* added */
    width: 370px;
    z-index: 1;   /* added */
}

background プロパティも必ず削除して、影がページの上ではなく「下」に表示されるようにします。firebug で試してみてください。修正は非常に簡単です。

于 2013-03-15T11:04:45.413 に答える
0

スクロールバーの上に配置したクラスのdivがある.wowbook-gutter-shadowため、スクロールされません

.txtpodscroll次のスタイルをz-index:2指定すると、問題が解決するはずです。

于 2013-03-15T11:02:47.967 に答える
-2

スクロールを防ぐには、「パーセンテージ」を使用する必要があります。

.txtpodscroll {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
line-height: 20px;
width: 360%;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
height: 300px;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
}

スクロールが水平の場合。

width: 360%;

お役に立てれば。

于 2013-03-15T11:03:51.267 に答える