I'm using iScroll for all mobile devices to scroll a small section on a mobile based website.
It works fine on iPhone, Android and some Windows phones.
But on the Blackberry z10 theres a bit of weird behaviour.
When you scroll the div with iScroll attached to it, it scrolls the website slightly, but then starts scrolling the div, then if you release and scroll more, it does the same.
It's as if its scrolling website then initialising / realising there is a div there with iScroll attached.
Has anybody come across this behaviour on any other device?
The code I'm using is:
var myScroll;
setTimeout(
function() {
var myScroll = new Array();
$('.scrollable').each(function(){
id = $(this).attr('id');
myScroll.push(
new iScroll(
id,
{
hScrollbar: false,
vScrollbar: false
}
)
);
});
},
5000
);