Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

fullPage.js One Page Scroll - can't scroll to footer after the last section

I'm trying to get to work the plugin fullPage.js (http://alvarotrigo.com/fullPage/). But I have an issue with some part.

When I slidie section by section it works ok, but when I reach the last section and try to scroll to a footer which after this, it stucks. I can reach the footer only when I use a scrollbar.

Maybe, there's a way to reach the footer through the scroll?

Thanks a lot!

my code structure:

<body>
 <content>
  <section>1</section>
  <section>2</section>
  <section>3</section>
  ...
  </content>
 <footer>
  footer is here
 </footer>
</body>
like image 960
borkafight Avatar asked Jan 12 '16 20:01

borkafight


2 Answers

fullpage.js won't allow you to scroll to something outside the fullpage.js wrapper unless you use autoScrolling:false, which it doesn't seem to be what you want.

How big is your footer? If it it small, why don't you just make use of fp-auto-height ?

  • Example online
  • Documentation
like image 195
Alvaro Avatar answered Nov 04 '22 07:11

Alvaro


Without seeing your code I am not sure I can help but I can give you things to try on your own.

First: Do you want the footer to be fixed at bottom or scroll into view?

  • If fixed you need to tell it that in the script: fixedElements: '#header, .footer',
  • If scroll is what you want try one of these: In the script use normalScrollElements: '.footer', OR try putting the footer in the last section element

After that I would need to see your code.

like image 41
dreamweaver Avatar answered Nov 04 '22 07:11

dreamweaver