【问题标题】:fullPage.js One Page Scroll - can't scroll to footer after the last sectionfullPage.js 一页滚动 - 在最后一节之后无法滚动到页脚
【发布时间】:2016-04-17 15:30:44
【问题描述】:

我正在尝试使用插件 fullPage.js (http://alvarotrigo.com/fullPage/)。 但我对某些部分有疑问。

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

也许,有办法通过滚动到达页脚?

非常感谢!

我的代码结构:

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

【问题讨论】:

  • 我们需要一些代码来实际查看其中是否存在问题。

标签: javascript jquery html css fullpage.js


【解决方案1】:

如果没有看到你的代码,我不确定我是否能提供帮助,但我可以给你一些东西让你自己尝试。

首先:您希望页脚固定在底部还是滚动到视图中?

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

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

【讨论】:

  • 织梦者,Stefan Neuenschwander 谢谢你的回答!我使用 WP CMS,我有 WP 代码结构。我只在主页上使用部分,我不想在主页上复制页脚,因为如果我需要编辑一些内容,我需要在两个地方都修复它。 fixedElements: '#header, .footer' 和 normalScrollElements: '.footer' - 不起作用。我将编辑我的帖子并尝试描绘我的结构。感谢您的帮助!
【解决方案2】:

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

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

【讨论】:

    猜你喜欢
    • 2016-06-05
    • 2017-08-23
    • 1970-01-01
    • 2018-11-04
    • 1970-01-01
    • 1970-01-01
    • 2017-07-02
    • 1970-01-01
    • 2020-08-12
    相关资源
    最近更新 更多