element-ui中使用多個el-tooltip產生的閃爍縱向滾動條問題


現象:

1.在鼠標懸浮在一行上的時候會出現tooltip提示框,每行都可以,但如果交替懸浮速度夠快,瀏覽器右邊就會出現縱向滾動條,只有一瞬會出現這個問題

原因:

1.在於tooltip位置的設置,采用絕對定位absulute

2.在兩條信息交替懸浮的時候,tooltip提示框有一瞬display: block;顯示,但top,left並沒有定位

3.導致tooltip出現在了頁面的最下面,占用了幾十px的空間

4.導致一瞬間有一個縱向的滾動條、

解決:

1.設置向上位置為一個不出現在頁面中的位置

.el-tooltip__popper.is-dark {
top: -500px;
}

2.當tooltip顯示時style會覆蓋掉class的樣式,不對使用產生影響

 

 

 

 

 

 


免責聲明!

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



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