平滑的關(guān)鍵在于定義transition過(guò)渡時(shí)間，實(shí)際上設(shè)計(jì)邏輯類似于輪播圖，把內(nèi)容頁(yè)按順序排列，每個(gè)內(nèi)容頁(yè)寬高都是100%撐滿屏幕，在通過(guò)fixed在底部定義標(biāo)簽卡，接下來(lái)其實(shí)也可以通過(guò)js定義點(diǎn)擊事件，在點(diǎn)擊標(biāo)簽卡時(shí)切換css樣式名來(lái)過(guò)渡到對(duì)應(yīng)的內(nèi)容頁(yè)，因?yàn)閏ss中定義了transition ，所以在用戶看來(lái)就是平滑過(guò)渡
2021-05-14
老師講的非常詳細(xì)也非常動(dòng)聽(tīng)，聲音太溫柔了，和聽(tīng)ASMR一樣，我都快睡著了。這堂課讓我長(zhǎng)見(jiàn)識(shí)了,原來(lái)純運(yùn)用CSS也能做到操作頁(yè)面行為。給老師點(diǎn)個(gè)贊?。
2019-03-19