我們目前開發主要是使用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);}

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。