2015-12-22 28 views
0

我有了一個列表引導頁面沒有滾動

<div class="list-group content" id="feed_list" style="background-color:#EAEBED;padding:2%;"> 
    <button type="button" class="list-group-item" onclick="storeValue('5264377385058304','0')"><span>NITK Alumni Book </span><span style="float:right;">News Post<br>Posted on 2015-12-18</span></button> 
    <button type="button" class="list-group-item" onclick="storeValue('5550988605784064','1')"><span>Power Talks</span><span style="float:right;">Start Date : 18-12-2015<br>Start Time : 3:00 PM</span></button> 
    <button type="button" class="list-group-item" onclick="storeValue('5303272608890880','1')"><span>Entrepreneurship Track</span><span style="float:right;">Start Date : 19-12-2015<br>Start Time : 09:00 AM</span></button> 
    <button type="button" class="list-group-item" onclick="storeValue('5311098710392832','1')"><span>Startups Track</span><span style="float:right;">Start Date : 19-12-2015<br>Start Time : 11:15 AM</span></button> 
    <button type="button" class="list-group-item" onclick="storeValue('6640800855228416','1')"><span>Skill India Track</span><span style="float:right;">Start Date : 19-12-2015<br>Start Time : 11:15 AM</span></button> 
    <button type="button" class="list-group-item" onclick="storeValue('6640800855228416','1')"><span>Skill India Track</span><span style="float:right;">Start Date : 19-12-2015<br>Start Time : 11:15 AM</span></button> 
</div> 

但是一個HTML頁面,該頁面是不可滾動和butons之一是隱藏的。我該如何解決?該頁面以及所需的文件可以發現here

+0

你要滾動水平或垂直? –

+0

@Radavel臥式 –

+0

@Radavel oops .. vertical ..這個列表是垂直的 –

回答

3

I'have檢查你的代碼。

請CSS刪除body{overflow:hidden}並刪除footer postion:fixed

和我們一樣,

body { 
    overflow: auto; 
} 
footer{ 
    position:static; 
} 
0

您可以使用CSS修復:

.list-group{ 
    overflow-y: scroll; 
    max-height: 500px; // You can change this value 
} 

我希望它可以幫助你......