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

javascript jquery html css fullpage.js
borkafight picture borkafight · Jan 12, 2016 · Viewed 9.2k times · Source

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>

Answer

Alvaro picture Alvaro · Jan 14, 2016

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 ?

Related questions

CSS/HTML: how to have custom arrows on fullpage JS?

I am using fullpageJS https://github.com/alvarotrigo/fullPage.js/ to make my website. However when trying to change the arrow style: .controlArrow.prev { left: 50px; background: url(left.png); background-repeat: no-repeat; } .controlArrow.next { right: 50px; } It doesn't work, can …

Read More
Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More
How to apply !important using .css()?

I am having trouble applying a style that is !important. I’ve tried: $("#elem").css("width", "100px !important"); This does nothing; no width style whatsoever is applied. Is there a jQuery-ish way of applying such a style without having to …

Read More