Fullpage.js: Scrolling Problem After Updating to 2.8.0

Created on 30 May 2016  ·  14Comments  ·  Source: alvarotrigo/fullPage.js

Hi,

Thank you for this great script.

When it runs at the first time, scrolling is OK, but scrolling down and up to the first section again, it gives an error (jquery.fullPage.js:2767 Uncaught TypeError: scroller.wheelOff is not a function)

Isolated link
http://codepen.io/anon/pen/BzaEpb/

Is it me or do you have the same error ?

Thank you,

bug fixed on dev

Most helpful comment

@sjaakbanaan you got the wrong order importing the external JS files. Just use scrolloverflow.js before fullpage.js.
As said on codepen:

These scripts will run in this order and before the code in the JavaScript editor.

All 14 comments

I spotted it also in a jsfiddle demo. Not quite sure why it is not firing in all cases but I'll solve it tomorrow.

I got the same issue, I fixed it by changing from this:

"main": [
    "dist/jquery.fullPage.js",
    "dist/jquery.fullPage.css",
    "dist/jquery.fullPage.scss",
    "vendors/jquery.easings.min.js",
    "vendors/scrolloverflow.min.js"
  ],

to this:

"main": [
    "vendors/jquery.easings.min.js",
    "vendors/scrolloverflow.min.js",
    "dist/jquery.fullPage.js",
    "dist/jquery.fullPage.css",
    "dist/jquery.fullPage.scss"
  ],

in bower.json file.

@Vemon that has nothing to do with the problem.

In my case the IScroll was undefined so the wheelOn and wheelOff function weren't added to the IScroll.prototype, thus causing the exception. I guessed the scrolloverflow.min.js wasn't included before Fullpage so I went and override the order in my bower.json file, then it all worked out.

@Vemon the problem can be reproduced without even using scrollOverflow:true. Where IScroll is not even necessary. In fact, even when including it you'll still getting the error as you can see here.

Anyways, I've solved it on the dev branch and would probably release a new version of fullpage.js soon.

Thanks, and awesome library btw.

I confirm the issue, even with the dev version. Obliged to rollback to 2.7.9 to make it works again..

2.8.1 just released solving it.

Hi Álvaro, i'm still having the issue with 2.8.1.

My settings are:
$('#fullpage').fullpage({ anchors: fullpage_anchors, menu: '#menu', scrollingSpeed: 1000, normalScrollElementTouchThreshold: 10, scrollOverflow: true, normalScrollElements: '#popup-listings, nav, #popup-register', verticallyCentered: false, });

@sjaakbanaan Please add a link to a reproduction in jsfiddle or codepen (no external js or css )

It still exists in: http://codepen.io/anon/pen/BzaEpb/ (scroll all the way down with mousewheel, and then scroll up. It stops on the section with the text 'One' (second section) and DOM returns:
Uncaught TypeError: scroller.wheelOff is not a function

@sjaakbanaan you got the wrong order importing the external JS files. Just use scrolloverflow.js before fullpage.js.
As said on codepen:

These scripts will run in this order and before the code in the JavaScript editor.

that fixed it, thanks (for this awesome script)!

Thank you for the fix. Order of the JS works great.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sloyer picture sloyer  ·  3Comments

rslcdmc picture rslcdmc  ·  3Comments

lunaandyou picture lunaandyou  ·  4Comments

vanloc0301 picture vanloc0301  ·  5Comments

piaomiao picture piaomiao  ·  5Comments