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

Question

我正在使用 iScroll 5，但在 iPhone 4 和 iOS 5.1.1 上遇到了问题。

同时使用 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'});
});

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