Ag-grid控件使用pine:left後，配合iview下拉框，會出現閃爍

Ag-grid控件使用pinned:left後，配合iview下拉框，會出現閃爍

引發緣由：下拉圖標的反轉動畫

目前解決方案：

添加一個全局樣式：

禁用動畫，其餘地方也是如此，

影響控件有：gz-tree-select:

使用：直接外部添加樣式：disable-transition

效果：【犧牲了動畫體驗】

後續：

發現事情沒這麼簡單，動畫禁掉這種作法有點low！若是要保留動畫效果呢？

若是下面的表格帶滾動條，滾動條也會閃爍，

分析：根本緣由是

動畫元素：

transition: al .2s ease-in-out;

transform: rotate(90deg);

而後和動畫同一級的元素，position:relative:

知道了這個緣由，就谷歌，谷歌，谷歌

在翻閱了無數個站點後，最終發現了一個介紹：

https://stackoverflow.com/questions/35461007/why-does-position-relative-interfere-with-transform-scale

和我同樣是relative，而後他多了個z-index，納尼？試試唄，

問題效果：能夠發現滾動條閃爍，

第一次嘗試：

設置動畫的標籤z-index爲-1，沒什麼效果，好吧，

跟着這個關鍵字z-index,繼續下去，拿若是我把下面的z-index設置>1呢？

暴力的我直接設置爲1000

耶！成功了

滾動條再也不閃爍，試試其餘的？發現問題哪有這麼簡單啊！！！真是圖樣圖森破

下拉框被遮擋咯！好吧，看來設置的1000大於下拉框的值了，看看下拉框的值是多少

900，好的，收到，我不能大於他，否則就會被覆蓋，設置899試試？

看看下效果：

代碼優化：

找到解決方案後，開始優化，由於個人界面本身寫的上中下佈局控件，我直接在佈局控件中添加一個z-index標籤呢?

這樣無需修改每一個頁面，通過測試，一些正常

如今能夠刪除

disable-transition這個樣式了，

查找資料：http://imweb.io/topic/5a23e1f1a192c3b460fce26e