溢出滾動不滾動？

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

來源

2013-03-15 BrogenMacy

複製並粘貼你的css html，它似乎是滾動.. [http://jsfiddle.net/fPLP2] – oak 2014-01-26 10:05:21

你有一類.wowbook-gutter-shadow您已經放置在滾動條的頂部的DIV，這就是爲什麼它不滾動

如果你給.txtpodscroll以下樣式：z-index:2它應該解決你的問題

來源

2013-03-15 11:02:47 Pete

-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-15 11:03:51

這是因爲這本書的內陰影是滾動條以上，所以你不能點擊它，但你仍然可以看到它，因爲陰影是一個透明的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-15 11:04:45 vsync

溢出滾動不滾動？

回答

相關問題