Question

不确定嵌套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

Answer 1

这是因为书的内部阴影位于滚动条上方，所以你无法点击它，但你仍然可以看到它，因为阴影是一个透明的PNG ... 改变这一行：

standard-variable.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 */
}

确保删除背景属性，因此阴影将显示在“”页面下方，而不是在其上方。在firebug上尝试看看，它很容易修复。

Answer 2

你有一个.wowbook-gutter-shadow类的div，你放在滚动条的顶部，这就是它不滚动的原因

如果您给.txtpodscroll以下样式：z-index:2它应该解决您的问题

Answer 3

要防止滚动，您应使用“百分比”。

.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%;

希望这有帮助。

溢出滚动不滚动？

3 个答案: