用jquery插件实现滚动定位在ipad上出现屏幕闪烁抖动
功能:点击导航标题页面自动滚动到相应位置
写的js代码如下,用到了jquery.scrollto和jquery.easing插件:
$(document).ready(function(){
$('.nav').find( 'li' ).click( function(){
if( !$('.nav').hasClass( 'moving' ) ) {
$('.nav').addClass( 'moving' );
var destination = $( this ).find('a').attr( 'href' )
var top = $( destination).offset().top;
$.scrollTo( top, 650, { easing:'easeOutQuart', onAfter : function(){
$('.nav').removeClass( 'moving' );
} } );
}
return false;
} )
})
以上代码在pc上运行正常,但在ipad上不管用chrome还是safari在滚动中都会出现屏幕闪烁和抖动。请教各位大神,这是什么原因,怎么解决呢?
无敌LtH
11 years, 4 months ago