Прокрутка раздела прокрутки с переполнением

Question

Я пытаюсь использовать скрипт Scrollify (https://github.com/lukehaas/Scrollify), но у меня есть разделы, длина которых больше, чем экран пользователя, а это значит, что вам сначала нужно прокрутить вниз, чтобы увидеть содержимое этого содержимого.

Прокрутка, однако, не позволяет этому произойти и сразу же перейдет к новому разделу.

Есть ли способ изменить Scrollify и/или использовать другой скрипт, который будет способствовать тому, что я хотел бы сделать?

Answer 1

Вы можете легко достичь этого, используя вместо этого fullPage.js. Если вы хотите сохранить полосу прокрутки, как в scrollify, просто используйте опцию scrollBar:true для этого as in this example.

Используя опцию scrollOverflow:true, вы можете преодолеть вашу проблему, так как вы можете увидеть in this example.

От fullPage.js documentation:

scrollOverflow: (по умолчанию ложь) определяет, будет ли или не создавать свиток для раздела в случае, если его содержание больше, чем высота его. Если установлено значение true, ваш контент будет завернут плагином. Рассмотрите возможность использования делегирования или загрузки других скриптов в обратном вызове afterRender. В случае установки его true, для него требуется плагин поставщика jquery.slimscroll.min, и он должен быть загружен перед плагином fullPage.js.

Кроме того, fullPage.js:

• предоставляет гораздо больше возможностей, методов и обратных вызовов.
• когда возможно, он использует преобразование css3, которое лучше работает в планшетах и ​​мобильных телефонах.
• Решает проблемы с трекпадами Apple laptops, яблочными волшебными мышами и любой кинетической прокруткой.
• Обеспечивает set of extensions

Answer 2

Scrollify недавно получил ряд обновлений, которые решают проблемы у вас были.

Теперь у Scrollify есть дополнительные опции, методы и обратные вызовы, и теперь он отлично работает с трекпадами, мышами Apple Magic и кинетической прокруткой.