Почему не работает scrollOverflow в fullPage?

Question

[Расул Гитинов]

Вот функция, которая включает fullPage:

$('.scroll').fullpage({
	anchors: ['first', 'second', 'third', 'fourth', 'fifth', 'sixth'],
	sectionSelector: '.scroll__slide',
	scrollOverflow: true,
	verticalCentered: false
});

Вот так я подключаю скрипты в подвале:

<script src="js/jquery.js"></script>
<script src="js/scrolloverflow.min.js"></script>
<script src="js/jquery.fullpage.js"></script>
<script src="js/libs.min.js"></script>
<script src="js/common.js"></script>

И вот такая ошибка появляется в консоли браузера:

fullPage: The option `scrollOverflow:true` requires the file `scrolloverflow.min.js`. Please include it before fullPage.js.

Что я делаю не так?

Answer 1

[lamer350]

У меня возникает только одна мысль, проверить доступность js/scrolloverflow.min.js - так как походу этот файл не подгружается

Comments

[Расул Гитинов]

Я проверял, открывал через консоль в новом окне и код был на месте. Может быть он просто устарел?

[lamer350]

Расул Гитинов, вы же с гита качали актуальную версию? там оно вроде в комплекте лежит в папке vendor

[Расул Гитинов]

lamer350, Я установил плагин через bower, а файл scrolloverflow взял с гита

[lamer350]

Расул Гитинов, у вас на локалке проект?

[Расул Гитинов]

lamer350, Да

[lamer350]

Расул Гитинов, https://github.com/alvarotrigo/fullPage.js
Вы тут взяли scrolloverflow.min.js? Там даже в комментах написано: It fixes bugs affecting its integration with fullpage.js

[lamer350]

Перепроверьте еще версию fullpage.js у вас и на гите

[Расул Гитинов]

lamer350, Заново щас скопировал оттуда код и вставил. Ничего не изменилось. Вставил по новой вручную с гита сам fullpage.js и у меня вышла ошибка, что нужен какой-то лицензионный ключ openGL и не работает плагин на странице

[lamer350]

перезалил файлы с гита себе в проект, у меня все на последней версии работает нормально
попробуйте все же с гита использовать файлы, не знаком с bower, не понятно откуда он берет файлы

[lamer350]

Расул Гитинов, Ну да, плагин то платный.

[Расул Гитинов]

lamer350, А можешь написать какие именно файлы ты подключил и как? Может я что-то не так делаю

[lamer350]

Расул Гитинов, у меня jquery.min.js 1.12v, scrolloverflow.min.js и fullpage.js, далее scripts.js (мой js код)
В принципе все так же как у вас, за исключением libs.min.js

[Расул Гитинов]

lamer350, Разобрался с плагином... Оказывается у меня была не обновленная версия, я обновил и все ошибки пропали. Теперь у меня новая проблема. Я ввел тот ключ, что для бесплатных проектов и плагин просто перестал работать, при этом не выдавая никаких ошибок в консоли браузера.

[Расул Гитинов]

Оказывается нужно было просто как объект его создавать:

let myFullpage = new fullpage('.scroll', {
	licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE',
	anchors: ['first', 'second', 'third', 'fourth', 'fifth', 'sixth'],
	sectionSelector: '.scroll__slide',
	scrollOverflow: true,
	verticalCentered: false
});

Answer 2

[Николай Евсюков]

тоже боролся с проблемой, так как подключал через вебпак

import './components/scrolloverflow.min.js'; 
require('./components/scrolloverflow.min.js');

ни import ни require мне не помог и ошибка была такая же как и у тебя.
Решил вопрос непосредственным переносом содержимого scrolloverflow.min.js в jquery.fullpage.extensions.min и импортом туда же jquery, т.е. по итогу у меня файл выглядел так:

import jQuery from "jquery";

содержимое scrolloverflow.min.js

содержимое  jquery.fullpage.extensions.min.js

Важно так же использовать версию scrolloverflow которая шла с fullpage ( легче всего это проконтролировать скачав необходимый релиз, например https://github.com/alvarotrigo/fullPage.js/release... и подключить scrolloverflow с папки vendors)