我們目前開發(fā)主要是使用iview框架進行開發(fā)，但是開發(fā)過程中發(fā)現(xiàn)瀏覽器的滾動條實在是太丑陋了，有點不適應現(xiàn)代社會了，于是我們使用NiceScroll來接管瀏覽器默認的滾動條，但是我們在使用tree table時候，會面臨一個問題，滾動條不會隨著內(nèi)容的變化自動縮進，所以我們需要在表格的展開事件發(fā)生后進行一個NiceScroll的重新適配，但是這個resize()函數(shù)不能頻繁快速的執(zhí)行，必須要放在一個延遲函數(shù)中執(zhí)行，這點沒什么問題，做如下記錄。主要有兩部處理：

1，在table展開事件中設置函數(shù)

@on-expand-tree="refreshContentHeight"

2，在函數(shù)中重置內(nèi)容的高度

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

通過以上兩步就完成了滾動條的根據(jù)內(nèi)容自適應了，是不是很簡單。

總結

以上是生活随笔為你收集整理的NiceScroll接管iview table高度自适应变化的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。