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
Post a Comment