element-ui對話框組件Dialog在回調事件opened獲取組件滾動條scrollTop的問題

       今天使用element中的Dialog組件時發現一個問題:當Dialog內容過多時會出現滾動條,而當你滾動到必定位置後關閉Dialog,而後再次打開時滾動條仍然保持在上一次關閉前的位置而沒有回到頂部。bootstrap

  一般遇到這樣的問題解決方法就是在某個鉤子事件中將組件的scrollTop值從新設爲0,在element2.4.8的文檔中,Dialog組件提供的事件一共有四個:open、opened、close、closed,個人想法是在opened事件中等到組件渲染完後將組件的scrollTop值設爲0,當時調試發現opened事件怎麼也沒觸發到,後來發現本身用的element版本是2.4.7,更新版本後問題解決,下面是關鍵代碼:調試

  

  

  不過這種方法也有個體驗很差的地方,就是打開對話框後明顯有個滾動條回退到頂部的效果,感受頁面會抖一下,在對話框方面element沒有bootstrap作的好,各位若是有更好的解決方法歡迎在評論區分享一下blog

相關文章
相關標籤/搜索