本系列文章，如果沒有特別說明，相容安卓4.0.4+
popup分為兩種：一種是內容比較多，直接以全屏顯示，如圖一；一種是少量內容的popup提示，如圖二
先上demo：
popup測試
第一種形式，設計結構如下：
header> section> ... div> footer> span>div> div> section>
因為這種形式內容可能會比較長，有可能會有滾動效果，所以頭部（含有關閉按鈕）採用固定，動畫設計使用translate偏移和opacity來搞定，這裡用的是從下面進入視覺範圍。通過新增刪除active這個class來控制元素顯示隱藏，
scss**如下：
.popup-page .popup-hd } } .popup-bd } }
header> section> ... div> footer> section>div>
這種的首先得計算定位，這次動畫採用scale和opacity來搞定，同樣通過新增刪除active這個class來控制元素顯示隱藏
.popup-over &::before }
transtionend事件可以呼叫，demo中的overlay的隱藏就是這個呼叫了這個事件 移動端重構系列8 滾動
本系列文章，如果沒有特別說明，相容安卓4.0.4 原生滾動的屬性為 webkit overflow scrolling touch 如果是走高富帥的蘋果路線，是沒問題的，誰讓這是人家親生的呢 如果是安卓的話，我真不知道是支援還是不支援，說不支援吧好像有點緩動效果，說支援吧好像把這條屬性砍掉也一樣，感...
小酌重構系列 12 去除上帝類
神說 要有光 就有了光。聖經 上帝要是會寫程式，他寫的類一定是 上帝類 程式設計師不是上帝，不要妄想成為上帝，但程式設計師可以寫出 上帝類 上帝是唯一的，上帝的光芒照耀人間，上帝是很愛面子的，他知道程式設計師寫了 上帝類 搶了他的風頭，於是他降下神罰要懲戒程式設計師。既然你寫了 上帝類 那麼就將你流...
移動端網頁重構指南 CSS篇
本文主要介紹移動重構css相關部分，包括編碼 字型 touch相關 硬體加速 相容問題等。1 charset utf 8 1 2 3 body 12 3 4 5 before,after 12 3 4 e android3 和ios5 支援css3的新屬性為overflow scrolling 1 ...