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 */
}

确保同时删除背景属性,这样阴影将显示在页面“下方”,而不是在页面上方。在萤火虫上试试看,它很容易修复。

于 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 回答