在full-page.js中创建显示页脚

Question

​

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>

<div id="fullpage">
      <section class="vertical-scrolling" id="section1">
      
      </section>
      
       <section class="vertical-scrolling" id="section2">
      
      </section>
       <section class="vertical-scrolling" id="section3">
      
      </section>
       <section class="vertical-scrolling" id="section4">
      
      </section>
       <section class="vertical-scrolling" id="section5">
      
      </section>
      
      
      <footer>t
        my footer content goes here
      </footer>
 </div>

​

你好，我使用的是full-page.js模板。我想实现footer，但是当我把footer放入我的<section>中时，它会创建一个完整的页面，但我的页脚大小不是整页。我想让我的页脚在我向下滚动到最后一节时显示出来。我还没有添加fullpage.js的cdn

Answer 1

make footer position as absolute and bottom as 0px.

尝试此jsfiddle Example