Login/Register
fullPage.js One Page Scroll - can't scroll to footer after the last section
Asked Answered
Solved javascriptjqueryhtmlcssfullpage.js
M

2

6

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>
Madore answered 12/1, 2016 at 20:46 Comment(1)
We need some code to actually see if there's a problem in it. – Revenuer
P
8

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 ?

Pellucid answered 14/1, 2016 at 12:25 Comment(0)
S
1

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.

Spectroscopy answered 12/1, 2016 at 21:43 Comment(1)
dreamweaver, Stefan Neuenschwander thank you for the answer! I use WP CMS, and I have WP code structure. I use sections only at the home page and I don't want to duplicate footer in the home page, because if I need edit some content I need to fix it in both places. fixedElements: '#header, .footer' and normalScrollElements: '.footer' - don't work. I'm going to edit my post and try to portray my structure. Thank you for help! – Madore

© 2022 - 2024 — McMap. All rights reserved.