Jquery.nicescroll()插件:页面初始化滚动条不显示问题

链接:jquery的niceScroll没显示滚动条 - 小白&小菜 - 博客园

问题描述:

        本地数据使用niceScroll插件没有出现上述问题,首次进入页面可以正常显示出来。但是当使用滚动条的标签有ajax请求的数据填充时,就会出现页面刷新后不显示滚动条,必须将页面缩放才能正常展示。

解决方法:

            将$(selector).niceScroll()放在ajax返回成功的函数里,即在ajax完成时填充数据完成后,在给标签绑定滚动条。

            为使用户体验好,可以在ajax数据填充后延时1s再绑定滚动条。

$.ajax({

        type: 'GET',

        .........

        success: function(data){

                        data数据逻辑处理...

                        $(document).ready(function(){

                                    setTimeout(function(){   $(selector).niceScroll();  } ,1000);

                          });

        }

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容