Question

＆＃13;

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

＆＃13;

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

Answer 1

make footer position as absolute and bottom as 0px.

试试这个jsfiddle Example

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

1 个答案: