垂直手風琴溢出和滾動問題

Question

我正在使用來自CoDrops的垂直手風琴。我遇到的問題是，每當我添加更多的圖像切片比我在javascript中列出的visibleSlices的數量，那麼他們不在溢出：隱藏（如我的CSS中列出）。多餘的圖像切片放在最後圖像切片和頁面只是變得更長（因爲隱藏的溢出不起作用，我假設）。另外，應該有箭頭出現，用戶可以點擊滾動到下一個（隱藏的）圖像切片。當它們出現在屏幕上時，如果點擊它們或者如果您正在查看圖像切片集中的最後一個圖像並單擊下一個箭頭（不知道它是最後一個圖像），那麼它們不會滾動，然後點擊所有圖像和文字消失，留下空白頁面，除非刷新頁面，否則不會自行更正。

任何幫助將不勝感激！謝謝！

我對手風琴的JavaScript看起來像這樣：

<script type="text/javascript"> 
     $(function() { 
      $('#va-accordion').vaccordion({ 
       accordianW: $(window).width(1000), 
       accordianH: $(window).height(450), 
       expandedHeight: 450, 
       visibleSlices: 8, 
       animOpacity: .2, 
      }); 
     }); 
     </script> 

我對垂直手風琴的CSS是這樣的：（只顯示1個形象片出許多）

.va-container{ 
position:relative; 
top:50px; 
margin:0px auto 0 auto; 
} 
.va-wrapper{ 
width:100%; 
height:100%; 
position:relative; 
overflow:hidden; 
background:#FFF; 
} 
.va-slice{ 
cursor:pointer; 
position:absolute; 
width:100%; 
left:100px; 
overflow:hidden; 
} 
.va-slice-1{ 
background:#FFF url(../images/testa.jpg) no-repeat center center; 
} 

（這裏是我的滾動按鈕css :)

.va-nav span{ 
width:40px; 
height:25px; 
background:transparent url(../images/prev.png) no-repeat center center; 
position:absolute; 
top:-35px; 
left:50%; 
margin-left:-20px; 
text-indent:-9000px; 
opacity:0.5; 
cursor:pointer; 
display:none; 
z-index:100; 
} 
.va-nav span.va-nav-next{ 
background-image:url(../images/next.png); 
top:auto; 
bottom:-35px; 
} 
.va-nav span:hover{ 
opacity:1.0; 
} 

CoDrop的javascript看起來像這樣:(他們不使用th選擇E列出他們的演示頁面上，但他們的手風琴做的事情是應該做的）

<script type="text/javascript"> 
     $(function() { 
      $('#va-accordion').vaccordion(); 
     }); 
    </script> 

CoDrop的CSS是這樣的：

.va-container{ 
position:relative; 
margin:40px auto 0 auto; 
} 
.va-wrapper{ 
width:100%; 
height:100%; 
position:relative; 
overflow:hidden; 
background:#000; 
} 
.va-slice{ 
cursor:pointer; 
position:absolute; 
width:100%; 
left:0px; 
overflow:hidden; 
} 
.va-slice-1{ 
background:#000 url(../images/1.jpg) no-repeat center center; 
} 

CoDrop的滾動按鈕的CSS：

.va-nav span{ 
width:40px; 
height:25px; 
background:transparent url(../images/prev.png) no-repeat center center; 
position:absolute; 
top:-35px; 
left:50%; 
margin-left:-20px; 
text-indent:-9000px; 
opacity:0.7; 
cursor:pointer; 
display:none; 
z-index:100; 
} 
.va-nav span.va-nav-next{ 
background-image:url(../images/next.png); 
top:auto; 
bottom:-35px; 
} 
.va-nav span:hover{ 
opacity:1.0; 
} 

Answer 1

爲什麼你沒有溢出：隱藏;在.va-container {}中？