Javascript iScroll 5滚动条和淡入淡出唐';我们不能在iPhone上一起工作
我使用的是iScroll 5,我遇到了一个在iPhone4上使用iOS5.1.1时出现的问题 同时使用scrollbars=true和fadeScrollbars=true时,iScroll不工作。 当fadeScrollbars=false时,iScroll将正常工作: 我想知道是否有其他人有这个问题并解决了它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:
谢谢。我也意识到了这个问题,但我认为现在仍然使用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'});
});