无法滚动网页

时间:2015-04-26 05:17:34

标签: css ruby-on-rails devise

我正在使用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;
}

0 个答案:

没有答案