SVG黑科技排版教程 | 左右滑動(dòng)“竟然”存在bug問題?
SVG黑科技排版左右滑動(dòng)圖片是比較常見的排版效果,這個(gè)效果技術(shù)實(shí)現(xiàn)也比較簡(jiǎn)單,一般來說也不存在兼容問題。
懂點(diǎn)君開發(fā)SVG排版時(shí),研究測(cè)試發(fā)現(xiàn)左右滑動(dòng)圖片在安卓手機(jī)上存在一個(gè)問題,而且這個(gè)問題非常隱蔽,正常來說極少人能夠發(fā)現(xiàn),那我們?cè)凇岸萝嚨穆飞稀眮砜纯吹降资鞘裁醇嫒輪栴}?
查看案例
分別在iOS手機(jī)和Android手機(jī)查看SVG排版效果,要多次關(guān)閉圖文然后再打開圖文,看看左右滑動(dòng)圖片有沒有存在兼容問題。
發(fā)現(xiàn)問題
認(rèn)真細(xì)心可愛的友友們,是不是發(fā)現(xiàn)了兼容問題,在安卓手機(jī)上打開圖文,左右滑動(dòng)的圖片順序隨機(jī)出現(xiàn),而不是始終顯示第一張圖片。如果沒有發(fā)現(xiàn)兼容問題的,我們來看下面這個(gè)視頻,我詳細(xì)說明了這個(gè)bug問題。

解決問題
SVG排版左右滑動(dòng)圖片實(shí)現(xiàn)的方法也比較多,懂點(diǎn)君找到了一種比較可靠的方法,能夠很好的解決安卓手機(jī)上出現(xiàn)的兼容bug問題,核心代碼如下:
標(biāo)簽: