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

Question

我正在使用 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 });

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

谢谢。

Answer 1

我也意识到了这个问题，但我认为周围没有多少人仍在使用 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 http://jsfiddle.net/GuCC2/3/