我正在使用Ruby on Rails开发一个网站。我正面临一个问题,我无法垂直滚动网页。滚动条确实出现但不向下滚动。如果我调整网页大小,则仅显示适合页面的内容。我正在使用设计认证进行注册/登录/注销。如果我注释掉以下设计代码,滚动确实有效(对于主页)。有人可以帮助我。
在application.html中,
<html>
<body>
<div class="navbar navbar-fixed-top">
<ul class="navbar-text pull-right">
<% if user_signed_in? %>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<%= current_user.email %><b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="divider"></li>
<li><%= link_to 'Edit profile', edit_user_registration_path %></li>
<li class="divider"></li>
<li><%= link_to 'My Profile', users_show_path %></li>
<li class="divider"></li>
<li><%=link_to "Logout", destroy_user_session_path, method: :delete%></li>
</ul>
</li>
</ul>
<% else %>
<ul class="navbar-text pull-right">
<%= link_to "Sign up", new_user_registration_path, :class => 'navbar-link' %> |
<%= link_to "Login", new_user_session_path, :class => 'navbar-link' %>
</ul>-->
<%end %>
<div class="ContentContainer">
<%= yield %>
</div><!--end of Content container div-->
</body>
</html>
In custom.css,
.ContentContainer
{
position: relative;
margin: 200px 50px;
min-height: 100%;
text-align: left;
width: 100%;
height: 100%;
overflow: scroll;
}
html
{
width: 100%;
height: 100%;
}
body {
width: 1000px;
height: 100%;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
overflow: scroll;
}