Question

我有一个包含列表的HTML页面

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

但是，页面不可滚动，其中一个按钮被隐藏。我该如何解决？可以找到页面和必要文件here

Answer 1

我已检查过您的密码。

请删除CSS中的body{overflow:hidden}并删除footer postion:fixed

和我们一样，

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

Answer 2

您可以使用css进行修复：

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

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

Bootstrap页面不可滚动

2 个答案: