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

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

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

clipboard.png

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

clipboard.png

出現(xiàn)了這樣的問題，但是在第三個(gè)沒有內(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ī)兔匆幌?，給個(gè)意見看看是怎么回事呢,謝謝~

回答
編輯回答
生性

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

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

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

這個(gè)屬于樣式問題，從位移來看，是你的translate計(jì)算出問題了

2018年5月16日 06:29