關於swiper的2個問題


1.zoom模式下初始和結束的偏移位置問題

這個功能其實本身是沒有問題的,可以實現縮略圖輪播中點擊查看原圖和放大縮小原圖的功能(自己實現很麻煩),但是用了之后發現,放大和還原后元素的位置不對,造成這個問題的原因是swiper的樣式中使用了transform的translate屬性。

使用了平移屬性是元素劇中,但是room的時候忘記了算-50%,所以導致剛開始放大的時候位置由-50%直接變為0然后再慢慢變化,縮小的時候也是,會重置為0,但是不是重置-50%,位置就跑了。

我這邊的解決辦法就是改了下源碼.....(畢竟自己寫起來還是很麻煩的)

把swiper.min.js的代碼格式化一遍,在1672行、1675行、1746行和1753行的

translate3d(0,0,0)

 改成

translate3d(0,-50%,0)

 

問題就解決了....(雖然很沒啥意思,不過解決了就好~~)

2.swiper的監聽元素變化,自動更新(observer)

當初始化swiper的時候swiper內部並沒有元素的情況下,開始監聽,當ajax請求結束,dom生成后插入文檔,swiper監聽到變化,然后觸發更新。

功能是可以的,只是更新后會出現一個bug,更新過后開啟loop的情況下最后一個view划過的時候不是到了第一個view,而是到了第二個??

很尷尬,所以就老實點,ajax執行完畢再觸發swiper的初始化嘍(開不開心,我沒有改源碼 -_-! )。


免責聲明!

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



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