移动端100vh的问题与解决方案

之所以100vh在移动端出现问题,原因大致如上图,真搞不懂,为什么总是有反人类的设计出现。

经过多方参考,实测有效的方案如下:

 

使用:
[crayon-675777eed0d1758438152[……]

移动端滚动不流畅问题

正常的移动端上下滑动,松开手指页面还会速度递减的再滑动一段距离,但是有时候会出现手指松开滑动就停止的情况,导致页面出现卡顿的现象。

出现的原因大多数是因为加了:

可以在添加了overflow: auto;的元素上再添加下面的[……]