平滑的關鍵在于定義transition過渡時間,實際上設計邏輯類似于輪播圖,把內容頁按順序排列,每個內容頁寬高都是100%撐滿屏幕,在通過fixed在底部定義標簽卡,接下來其實也可以通過js定義點擊事件,在點擊標簽卡時切換css樣式名來過渡到對應的內容頁,因為css中定義了transition ,所以在用戶看來就是平滑過渡
2021-05-14
<meta name="viewpoint"content="width=device-width,initial-scale=1"> 設置網頁自適應屏幕且不允許用戶縮放
2020-03-03
<meta http-equiv="X-UA-Compatible" content="IE-edge,Chrome=1"> 告訴瀏覽器采用最新渲染機制
2020-03-03
老師講的非常詳細也非常動聽,聲音太溫柔了,和聽ASMR一樣,我都快睡著了。這堂課讓我長見識了,原來純運用CSS也能做到操作頁面行為。給老師點個贊?。
2019-03-19
制作大三角形時,正方形旋轉45度后變?yōu)榱庑危庑胃叨鹊囊话氩坏扔谠叫胃叨鹊囊话?,此時top不應該設為原正方形的-50%,應該重新計算,這里細節(jié)需要處理。
2018-11-05