iScroll doesn't work

[foria]

I can't understand why iScroll doesn't work for my mobile navigation. I put an event on scroll to check what it can be and I got this error: Uncaught TypeError: Cannot read property 'apply' of undefined

Can you help me to understand the issue please? Thx

My HTML is:`

• Idiomas
  • Back
  • ES
  ...
...

` My CSS is `.mobile-navigation { position: fixed; top: 80px; left: 0; transform: translatey(-100%); width: 100%; height: 100vh; display: none; z-index: 80; background-color: $basiColor_1; transition: transform .5s ease-out; overflow: hidden; /* Prevent native touch events on Windows */ -ms-touch-action: none; /* Prevent the callout on tap-hold and text selection */ user-select: none; /* Prevent text resize on orientation change, useful for web-apps */ text-size-adjust: none; .wrap { position: absolute; /* Prevent elements to be highlighted on tap */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */ transform: translateZ(0); padding-bottom: 10vh; } @include susy-breakpoint($bp-med) { display: block; } @include susy-breakpoint($bp-small) { top: 50px; } .show-menu & { transform: translatey(0); } }` My JS is `var mobileMenu = new IScroll('.mobile-navigation', { click: true }); mobileMenu.on('beforeScrollStart', console.log('yo'));`

[t0ny-peng]

Maybe you can build a test demo on jsfiddle then we can find where the problem is.

[foria]

I discovered the problem. I'm using iScroll to get mobile menu scroll when it's larger then device height. My menu has 2 levels, if the 1st level is larger then device height everything works fine even on the 2nd level. The problem is if the 1st level fit totally in the device height and iScroll seems not being activated. This because my 2nd level menus are in absolute position, so they overflow the menu container on which I init iScroll. I found a workaround setting the largest height among submenus as 1st level menu height in case this is larger. Thx.