2013-03-15 240 views
2

不确定嵌套DIV是否存在阻止滚动的问题,或者我在代码本身中遗漏了某些内容。无论如何,似乎无法使用类.txtpodscroll来实际滚动div。酒吧显得很好只是不滚动?以下是我已经应用到DIV溢出滚动不滚动?

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

的CSS规则加上这是一个链接到它的生活和不工作。

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

+0

复制并粘贴你的css html,它似乎是滚动.. [http://jsfiddle.net/fPLP2] – oak 2014-01-26 10:05:21

回答

0

你有一类.wowbook-gutter-shadow您已经放置在滚动条的顶部的DIV,这就是为什么它不滚动

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

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

希望这会有所帮助。

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

确保删除背景属性为好,这样的阴影会在它上面显示“下”的页面,而不是。尝试一下萤火虫,看看,这很容易修复。