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

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

@on-expand-tree="refreshContentHeight"

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

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

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

總結(jié)

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

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