大家都知道，制作网站在各个页面之间跳转那是相当多的，HTML5页面更是不少，这里也有不少的坑，这篇文章就简单分享一下这方面的话题。
首先，说一个比较古老的东西，叫做 MPA。
MPA 的全称是 Multi-page Application，意思是整个应用（站点）由多个完整的 html 构成。用户在页面 1 点击跳转，需要向服务端请求页面 2，请求成功后渲染。而用户返回时，相当于是点击了浏览器的返回，页面退回到之前的历史记录，并重新加载出来。
在这样的模式下，页面间切换慢、不流畅的问题比较突出，尤其是在移动端。
同时，它还产生了几个小问题：
- 跳转动画：页面间的跳转无法实现转场动画效果。
- 如果前一个页比较长，用户滑动到页面比较靠下方的位置后点击，返回时，页面无法默认停留在原位置。
- iOS 右滑返回产生问题，从页面 1 跳转到页面 2，再从页面 2 跳转到页面 3，右滑返回，会直接回到页面 1 前的页。