2014-02-26 47 views
2

我正在使用iScroll 5,並遇到iOS 5.1.1的iPhone 4出現問題。iScroll 5滾動條和淡入淡出不能在iPhone上一起工作

當一起使用scrollbars = true和fadeScrollbars = true時 - iScroll不起作用。 http://jsfiddle.net/GuCC2/

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

的iScroll將正常工作時fadeScrollbars =假: http://jsfiddle.net/GuCC2/2/

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

我在想,如果別人有這個問題,並固定它。

謝謝。

回答

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/

+0

我不得到爲什麼這個工程,但它的作品.... fadeScrollbars正是在一個正常的桌面瀏覽器... –