鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 關(guān)于動(dòng)畫(huà)路由切換問(wèn)題

關(guān)于動(dòng)畫(huà)路由切換問(wèn)題

最近找了網(wǎng)易云的api,想模仿做一個(gè),但是在一開(kāi)始切換路由頁(yè)面滑動(dòng)切換這個(gè)效果時(shí)就出現(xiàn)了一些問(wèn)題,找了很久不知道是什么問(wèn)題,希望大家可以幫忙看一下謝謝;

clipboard.png

這是完全模仿網(wǎng)易云app寫(xiě)的,但是在切換時(shí),第一級(jí)tab互相切換時(shí),前兩個(gè)沒(méi)問(wèn)題,卻在第一級(jí)tab切換到第三個(gè)時(shí)

clipboard.png

出現(xiàn)了這樣的問(wèn)題,但是在第三個(gè)沒(méi)有內(nèi)容時(shí),卻又不會(huì)了,不知道是怎么回事;;

然后在選擇中間的,第二級(jí)tab時(shí),

clipboard.png

這一個(gè)第一級(jí)tab
clipboard.png

也會(huì)跟著挪動(dòng)了。不清楚是怎么回事

這是第一級(jí)tab的代碼

clipboard.png

clipboard.png

clipboard.png

下面是第二級(jí)的代碼
clipboard.png

clipboard.png

clipboard.png

大家?guī)兔匆幌拢o個(gè)意見(jiàn)看看是怎么回事呢,謝謝~

回答
編輯回答
生性

你這個(gè)transform 都是移動(dòng)百分之百 什么意思 下面內(nèi)容移動(dòng)框都百分之百 我可以理解

上面tab也是移動(dòng)百分之百?

2017年8月28日 23:09
編輯回答
枕頭人

這個(gè)屬于樣式問(wèn)題,從位移來(lái)看,是你的translate計(jì)算出問(wèn)題了

2018年5月16日 06:29