Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/iphone/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript iScroll 5滚动条和淡入淡出唐';我们不能在iPhone上一起工作_Javascript_Iphone_Iscroll - Fatal编程技术网

Javascript iScroll 5滚动条和淡入淡出唐';我们不能在iPhone上一起工作

Javascript iScroll 5滚动条和淡入淡出唐';我们不能在iPhone上一起工作,javascript,iphone,iscroll,Javascript,Iphone,Iscroll,我使用的是iScroll 5,我遇到了一个在iPhone4上使用iOS5.1.1时出现的问题 同时使用scrollbars=true和fadeScrollbars=true时,iScroll不工作。 当fadeScrollbars=false时,iScroll将正常工作: 我想知道是否有其他人有这个问题并解决了它 谢谢。我也意识到了这个问题,但我认为现在仍然使用iOS 5的人并不多。对于解决方法,您可以手动淡入滚动条: $('.iScrollIndicator').css({opacity:

我使用的是iScroll 5,我遇到了一个在iPhone4上使用iOS5.1.1时出现的问题

同时使用scrollbars=true和fadeScrollbars=true时,iScroll不工作。

当fadeScrollbars=false时,iScroll将正常工作:

我想知道是否有其他人有这个问题并解决了它


谢谢。

我也意识到了这个问题,但我认为现在仍然使用iOS 5的人并不多。对于解决方法,您可以手动淡入滚动条:

$('.iScrollIndicator').css({opacity:'0'});
myScroll.on('beforeScrollStart', function() {
    $('.iScrollIndicator').stop().animate({opacity:'100'});
});
myScroll.on('scrollCancel', function() {
    $('.iScrollIndicator').animate({opacity:'0'});
});
myScroll.on('scrollEnd', function() {
    $('.iScrollIndicator').animate({opacity:'0'});
});

更新的fiddle

我不明白为什么这样做有效,但它有效。。。。fadeScrollbars在普通桌面浏览器上正是这样做的。。。
myScroll = new IScroll('#wrapper', { scrollbars: true, fadeScrollbars: false });
$('.iScrollIndicator').css({opacity:'0'});
myScroll.on('beforeScrollStart', function() {
    $('.iScrollIndicator').stop().animate({opacity:'100'});
});
myScroll.on('scrollCancel', function() {
    $('.iScrollIndicator').animate({opacity:'0'});
});
myScroll.on('scrollEnd', function() {
    $('.iScrollIndicator').animate({opacity:'0'});
});