iScroll 5滚动条和淡入淡出不能在iPhone上一起使用

时间:2014-02-26 07:32:06

标签: javascript iphone iscroll

我正在使用iScroll 5,我在使用iOS 5.1.1的iPhone 4上遇到了问题。

当同时使用scrollbars = true和fadeScrollbars = true时 - iScroll无效。 http://jsfiddle.net/GuCC2/

myScroll = new IScroll('#wrapper', { scrollbars: true, fadeScrollbars: true });

当fadeScrollbars = false时,iScroll将正常工作: http://jsfiddle.net/GuCC2/2/

myScroll = new IScroll('#wrapper', { scrollbars: true, fadeScrollbars: false });

我想知道其他人是否有这个问题并修好了。

感谢。

1 个答案:

答案 0 :(得分:2)

我也意识到了这个问题,但我认为周围的人还没有使用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'});
});

更新了小提琴http://jsfiddle.net/GuCC2/3/