Я хочу иметь прокручиваемый div внутри раздела fullpage.js, но когда я включаю scrollOverflow: true, я получаю эту ошибку: Cannot read property 'scrollHeight' of undefined.

Библиотека scrollOverflow включена:

http://jsfiddle.net/97tbk/1827/

Интересно, что мне не хватает:

$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    scrollOverflow: true
});
$('.fp-scrollable').slimScroll({
    alwaysVisible: true,
    color: 'black',
    size: '10px',
    allowPageScroll: true,
});
1
Claudiu Creanga 2 Апр 2017 в 13:51

2 ответа

Лучший ответ

Кажется, ваша разметка не соответствует ожиданиям jquery.fullPage.js. Он ожидает, что элемент с классом fp-scrollable будет иметь дочерние элементы, чего нет в вашем jsfiddle.

Если вы переместите класс так, чтобы

<div class="section">
    <div class="test fp-scrollable">
    ...

Становится

<div class="section fp-scrollable">
    <div class="test">
    ...

Вы увидите, как это работает. Может быть, это не разметка, с которой вы хотите закончить, возможно, вы хотите вместо этого вложить .test, но независимо от этого вы получите представление о том, как устранить ошибку.

-1
m1kael 2 Апр 2017 в 11:17

Вам просто нужно использовать scrollOverflow:true и включить файл scrolloverflow.min.js, как подробно описано в fullPage .js документы.

scrollOverflow: (по умолчанию false) (не совместимо с IE 8) определяет, следует ли создавать прокрутку для раздела / слайда в случае, если его содержимое превышает его высоту. Если установлено значение true, ваш контент будет упакован плагином. Попробуйте использовать делегирование или загрузите другие скрипты в обратном вызове afterRender. В случае установки его в значение true требуется библиотека scrolloverflow.min.js вендора, и его следует загрузить перед плагином fullPage.js. Например:

<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script>
<script type="text/javascript" src="jquery.fullPage.js"></script>

У вас есть пример, доступный в папке примеров в fullPage.js

1
Alvaro 2 Апр 2017 в 22:10