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


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

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

  

  

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM