fullPage.js单页滚动 - 在最后一节

时间:2016-01-12 20:46:42

标签: javascript jquery html css fullpage.js

我正在尝试使用插件fullPage.js(http://alvarotrigo.com/fullPage/)。 但我有一些问题。

当我逐段滑动时,它可以正常工作,但是当我到达最后一部分并尝试滚动到页脚之后,它会卡住。我只有在使用滚动条时才能到达页脚。

也许,有一种方法可以通过滚动到达页脚?

非常感谢!

我的代码结构:

<body>
 <content>
  <section>1</section>
  <section>2</section>
  <section>3</section>
  ...
  </content>
 <footer>
  footer is here
 </footer>
</body>

2 个答案:

答案 0 :(得分:5)

fullpage.js不允许您滚动到fullpage.js包装器之外的内容,除非您使用autoScrolling:false,它似乎不是您想要的。

你的页脚有多大?如果它很小,为什么不使用fp-auto-height

答案 1 :(得分:1)

没有看到你的代码,我不确定我能帮忙,但我可以给你自己尝试的东西。

首先:你想要将页脚固定在底部还是滚动到视图中?

  • 如果修复了,您需要在脚本中告诉它:fixedElements: '#header, .footer',
  • 如果您想要滚动,请尝试以下方法之一:在脚本中使用normalScrollElements: '.footer',或尝试将页脚放在最后一个部分元素中

之后,我需要查看您的代码。