Question

我正在开发一个网站项目，我遇到了一个奇怪的错误。

构建和问题

我正在构建的网站包含过渡和上滑效果，这些效果看起来和按照预期工作。它们可以在其他任何地方正常工作，直到您在iPhone上访问Safari和Safari IOS。然后发生的事情就是当你向下滚动时，屏幕底部有大量的空白区域既没有填充，也没有检查员可以识别的边距。所以我有点迷茫。

尝试修正

我搜索了这个问题并搜索了一下，发现了一些东西，但它们不起作用。

我的第一次尝试是：

*{
    -webkit-padding-end: 0 !important;
}

没什么......然后我试了

html, body{
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

它看起来很有希望但又一无所获。所以我不知所措。

要查看问题，请访问此链接：

确保您访问safari或iphone。你的滚动速度并不重要，所以一旦你到达底部，你就会明白我的意思。

我提前感谢您的任何帮助！

Answer 1

很可能与在移动版Safari中错误地引用窗口高度有关。尝试通过将window.innerHeight与一些js一起使用来动态设置高度，而不是求助于height：100vh或100％。修正：https://github.com/alvarotrigo/fullPage.js/issues/2414