fullpage. js - Средняя секция Fp-auto-height не принимает свою реальную высоту, когда кликает на якорь и moveTo () последний раздел - PullRequest
1 голос
/ 04 марта 2020

У меня есть 3 раздела:

  1. основной со ссылкой
  2. раздел содержимого
  3. контакты (занимающие половину страницы)

При инициализации библиотеки я установил scrollOverflow на true , чтобы при прокрутке страницы пользователь прокручивал раздел содержимого в обычном режиме.

По ссылке предполагается прокрутить до контактов. Я использую метод: fullpage_api.moveTo (3). Но при прокрутке (переход к разделу 3) раздел содержимого не прокручивается и остается в начале его содержимого.

И после Перемещение:

  • первая половина страницы является началом второго раздела
  • вторая половина страницы контактов.

Предполагаемое поведение:

  • при прокрутке страницы до контактов после щелчка, раздел содержимого также будет прокручиваться.

У меня есть попробовал следующий поток onclick:

  • уничтожить полную страницу
  • инициализировать его с помощью 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>
...