用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在滚动中都会出现屏幕闪烁和抖动。请教各位大神,这是什么原因,怎么解决呢?

jquery ipad 前端 ios

无敌LtH 11 years, 4 months ago

貌似是jquery.scrollTo插件的bug

kkoom answered 11 years, 4 months ago

Your Answer