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);

                          });

        }

});

你可能感兴趣的:(Jquery.nicescroll()插件:页面初始化滚动条不显示问题)