vue下實現div智能浮動


前提:將div屬性設置為postion:fixed   變動top進行浮動

思路是利用mounted鈎住監聽滾動條事件,利用window.scrollY獲取滾動條Y值,綁定top數據與獲取的Y值進行等比轉換實現智能浮動。

 

1.首先在div上綁定:style="'top':top+'px'" 

2.mounted住window.addEventListener("scroll", this.handleScrollStart);

3.handleScrollStart() {

      this.top =window.scrollY*0.001+230
      
    },
 


免責聲明!

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



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