一般就是兩種思路：?jiǎn)雾撉袚Q，類似于div模式切換；另外就是原生webview動(dòng)畫。

一般來說都是使用現(xiàn)成的庫，單頁切換說白了就是配合路由用css3動(dòng)畫做頁面轉(zhuǎn)場(chǎng)過渡，這不是一兩句可以說得清楚的，我給你推薦一個(gè)庫mobilebone.js你可以去學(xué)習(xí)一下，張?chǎng)涡翊笊駧啄昵暗囊粋€(gè)個(gè)人作品，雖然現(xiàn)在沒怎么維護(hù)，但是基本上也都是這種思路，自己不妨拿來學(xué)習(xí)一下：
mobilebone.js官網(wǎng)
mobilebone.js-mobile移動(dòng)web APP單頁切換骨架

當(dāng)然這個(gè)問題肯定有人會(huì)給你一些建議使用vue.js這種框架來構(gòu)建單頁，但是我想先說幾句，這種單頁的基本原理都是前端做路由，然后加上頁面轉(zhuǎn)場(chǎng)動(dòng)畫，所以基本思路是一樣的，但是vuejs這種框架最主要解決的痛點(diǎn)不僅僅是這個(gè)頁面轉(zhuǎn)場(chǎng)動(dòng)畫，所以你自己根據(jù)項(xiàng)目權(quán)衡了。