文章目錄
- begin
- !!!
- Solution1
- Solution2
- end
begin
vuetify carouse輪播圖 的圖檔自動切換的時候, 會自動聚焦跳轉到輪播圖自身的位置.
這導緻了一個問題, 當螢幕同時顯示着輪播圖和其他内容時, 輪播圖一自動切換, 頁面就會自動跳轉到輪播圖的位置!
!!!
緊急補充!
經過十個測特效的測試 https://vuetifyjs.com/zh-Hans/styles/transitions/
終于發現, 僅僅是幾個特效( 比如是出問題的淡入特效 ) 在圖檔切換的時候會重新跳回去!!!
最終選擇了這兩個不會導緻圖檔重新跳轉到原位置的特效!
Solution1
Solution2
我在找問題的時候, 也發現了一個有趣的問題
如果有 v-container 标簽包裹的 帶淡入特效的輪播圖, 那麼他會自動跳轉 如下問題重制:
https://codepen.io/syousui/pen/pogZKPV?editors=1010
那麼這樣解決方案就有了,
要麼像 Solution1 那樣删掉淡入特效,
https://codepen.io/syousui/pen/pogZKPV?editors=1010
要麼就删掉 v-container.
https://codepen.io/syousui/pen/pogZKPV?editors=1010
連結進不去請自行科學上網處理
end
我的項目中, 我嘗試删掉所有帶自适應屬性的标簽來試圖通過 Solution1 來解決, 但是并沒有效果
最終隻得删了淡入切換的特效…
這個問題困擾了好幾天了, 今天終于一行一行, 一個屬性一個屬性注釋, 總結到了上述幾個經驗
如有其他見解歡迎讨論!