粘軌導航欄應用程序滾動到很遠

此代碼似乎是推動我的頁腳太深，導致不得不滾動，即使沒有這樣的內容。我究竟做錯了什麼？粘軌導航欄應用程序滾動到很遠

這裏是我的application.html.erb代碼

<body> 
<%= render 'layouts/header' %> 

<div id="wrap"> 
    <div class="container"> 
    <%= yield %> 
    </div> 
    <div id="push"></div> 
</div> 

<%= render 'layouts/footer' %> 
</body>

這裏是_footer部分代碼

<footer> 
    <%= link_to "Blog", "#" %> 
    <%= link_to "Twitter", "#" %> 
    <%= link_to "About", about_path %> 
</footer>

下面是應用

html,body{ 
    height: 100%; 
} 

#wrap{ 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -60px; 
} 


.container{ 
    padding-top: 60px; 
} 

#push, footer{ 
    height: 60px; 

} 

footer{ 
margin-top: -60px; 
background-color: #f9f9f9; 
} 


@import 'bootstrap';

來源

2014-01-08 samsos

一切看起來SCSS文件正確，但是如果頭插入.wrap塊將會更加正確

<body> 
<div id="wrap"> 
    <%= render 'layouts/header' %> 

    <div class="container"> 
    <%= yield %> 
    </div> 
    <div id="push"></div> 
</div> 

<%= render 'layouts/footer' %>

你可以添加的jsfiddle？

來源

2014-01-09 19:30:20

粘軌導航欄應用程序滾動到很遠

回答

相關問題