之前有做过一个微信中的H5小项目,其中有一个交互就是点击完按钮,页面由下往上滑动切换至下一页。做完后发现在Android(华为荣耀5a、华为荣耀3c和OPPO A37m)下效果都还好,但在iphone6s(10.2)中测试时却不尽如人意(条件有限,其它机型未测),可谓一波三折。今天就从头到尾做一次总结记录。
一折
先从最简单的demo开始,主要代码如下:
html, body, .wrapper {
width: 100%;
height: 100%;
}
.wrapper {
position: relative;
max-width: 640px;
margin: 0 auto;
}
.hide {
display: none;
}
.page {