我试图在iOS上滑动后防止出现空白区域。当然,这些空白空间是暂时的,但它们会破坏一些元素的位置。您可以查看the website.
我在旧iPad上查了一下。我也不知道iPhone上是否还有空格。 Android上没有任何不需要的空间。
Body和Wrapper的相关CSS:
html, body {
height: 100%;
overflow: hidden;
}
#wrapper{
height: 100%;
position: relative;
-webkit-overflow-scrolling:touch;
touch-action:none;
z-index: 9;
transform: translate3d(0px, 0px, 0px);
color: #ffffff;
background: #222222;
font-family: 'Roboto', sans-serif;
text-shadow: 0 0 1px rgba(0,0,0,0.1);
}
UPDATE1 我找到了一个关于此问题的示例。 Alvaro的fullpage plugin可防止出现这些不需要的空间。我没弄清楚他是如何处理这个问题的。