用jquery插件实现滚动定位在ipad上出现屏幕闪烁抖动

Cisy
  • 62

功能:点击导航标题页面自动滚动到相应位置
写的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在滚动中都会出现屏幕闪烁和抖动。请教各位大神,这是什么原因,怎么解决呢?

回复
阅读 4.4k
1 个回答

貌似是jquery.scrollTo插件的bug

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏