unveil not working in -webkit-overflow-scrolling: touch; container

[splatterb0y]

Hi guys,

the query plugin is not working if you use a container with the CSS Attribute -webkit-overflow-scrolling: touch; which is very commonly used in iOS and Android Websites and Web Apps.

Cheers splatterb0y

[paulbamford]

Same goes for overflow-x: hidden;

Only the first image, which is visible on page load, shows up. The rest just display holding image.

Thanks

[splatterb0y]

Hmmm when I set the height to 500px or something it seems to work, when I attach a scroll event to the div and call unveil on it, but this is not optimal I guess.

[luis-almeida]

Awesome catch! Thanks for posting it. I haven't had time to investigate this but I'm sure it's because the unveil function is only triggered by scroll and resize events atm.

[m-vdv]

After hours of debugging I finally found out this is causing Unveil.js to not work properly within my WebApp. Scrolling within the div simply doesn't fire the "scroll" event that unveil is waiting for.. :/ Any plans for a fix or anyone who found a hack or something to make it work?

[m-vdv]

This fiddle might show a possible solution: http://jsfiddle.net/pLk4k/

[splatterb0y]

@webslash I wouldn't call it a solution, but it's definitely a workaround until webkit-based browsers fire an "on scroll"-event for elements with the "-webkit-overflow-scrolling: touch;" property.

[pcompassion]

I have -webkit-overflow-scrolling: touch; , and v2 works with it