NiceScroll接管iview table高度自适应变化

我们目前开发主要是使用iview框架进行开发,但是开发过程中发现浏览器的滚动条实在是太丑陋了,有点不适应现代社会了,于是我们使用NiceScroll来接管浏览器默认的滚动条,但是我们在使用tree table时候,会面临一个问题,滚动条不会随着内容的变化自动缩进,所以我们需要在表格的展开事件发生后进行一个NiceScroll的重新适配,但是这个resize()函数不能频繁快速的执行,必须要放在一个延迟函数中执行,这点没什么问题,做如下记录。主要有两部处理:

1,在table展开事件中设置函数

@on-expand-tree="refreshContentHeight"

2,在函数中重置内容的高度

refreshContentHeight:function(row,status){
	            	setTimeout(function(){
	            		$(".ivu-table-body").getNiceScroll().resize();
	            		}, 100);
	            	
	            }

通过以上两步就完成了滚动条的根据内容自适应了,是不是很简单。


版权声明:本文为u013560667原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。