Jquery 在Safari中，底部有额外的空白，而不是填充或边距，这是什么？

我正在为一个网站做一个项目，我遇到了一个奇怪的错误

构建和问题

我正在构建的网站包含过渡和向上滑动效果，它们的外观和工作方式与预期相同。在iPhone上点击Safari和Safari IOS之前，它们在其他任何地方都能正常工作。然后，当你向下滚动时，屏幕底部有大量的空白，它既不是空白，也不是边距，检查员可以识别。所以我有点迷路了

尝试的修复

我在谷歌上搜索了这个问题，找到了一些东西，但它们不起作用

我的第一次尝试是：

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

没什么。。。然后我试着

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

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

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

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

---

我提前感谢您的帮助

很可能与手机上的Safari中错误引用的窗口高度有关。尝试使用window.innerHeight和一些js动态设置高度，而不是求助于height:100vh或100%。修复：

可能是您的overflow-x滚动条，您已将overflow设置为在主体上滚动。将其更改为overflow-y：滚动；这样就可以在最短的时间内解决这个问题bottom@RachelGallen这不起作用。你重新加载页面并清除缓存吗？我只是查看页面，你甚至没有做任何更改。我在本地主机上运行了它，我还没有将它推到测试网站上