jquery - The footer Doesn't show at the end of div slide -


the footer missing after end of division.

<div id="fullpage">   <div class="section " id="section0"> content1 </div>   <div class="section " id="section0"> content1 </div>   <div class="section " id="section0"> content1 </div>   <div class="section " id="section0"> content1 </div> </div> <footer> footer </footer> 

and script

<script type="text/javascript">   $(document).ready(function() {          $('#fullpage').fullpage({         verticalcentered: false,         resize : true,         easing: 'easeinquart',         navigation: true,         navigationposition: 'right',         scrolloverflow: false,      });       }); </script> 

i use full page js scrolling working smoothly footer not showing.

this footer solution tried not supported fullpage default. made simple extension original fullpage.js, supports this.

            if (v.anchorlink == 'footer')             {                 footer_a = $('#section-footer').height();                 footer_h = $('#footer-text').height();                 var translate3d = 'translate3d(0px, -' + (v.dtop - footer_a + footer_h) + 'px, 0px)';             }             else             {                 var translate3d = 'translate3d(0px, -' + v.dtop + 'px, 0px)';             } 

you can try it: link

the footer height calculated text in it.


Comments

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

Installing Android SQLite Asset Helper -

Qt Creator - Searching files with Locator including folder -