javascript - fullpage.js - Fp-auto-height 中间部分在单击anchor 和 moveTo() 最后一部分时没有达到其实际高度

Question

我有 3 个部分：

1. 主要有链接
2. 内容部分
3. 联系人（占页面的一半）

初始化库时，我将scrollOverflow设置为true，这样当用户滚动页面时，内容部分将正常滚动。

通过单击链接，它应该滚动到联系人。我使用方法：fullpage_api.moveTo(3)。 但是在滚动（移动到 3 部分）时，内容部分不会滚动并停留在其内容的开头。

搬家后：

• 页面的前半部分是第二部分的开始
• 后半部分是联系人页面。

假定行为：

• 当页面在点击后滚动到联系人时，内容部分也会滚动。

---

我尝试了以下 onclick-flow：

• 销毁整页
• 用scrollOverflow: false初始化它
• 移至第 3 节
• 销毁整页
• 用scrollOverflow初始化它：true

但是在最后一次初始化之后，页面会跳到开头。这太疯狂了，不能成为最好的方法。

---

当然，对于这种普通的情况，有一个很好的解决方案！

<div class="section">
  <a href="#contact">Click me</a>
</div>
<div class="section fp-auto-height">
  Height is more than one page
</div>
<div class="section fp-auto-height">
  Contact
</div>

标签： javascripthtmlcssfullpage.js