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的初始化嘍(開不開心,我沒有改源碼 -_-! )。