在 Safari 中，底部有多余的空白，而不是填充或邊距，這是什么？

Question

我正在為一個網站做一個項目，我遇到了一個奇怪的錯誤。

構建和問題

我正在構建的網站包含過渡和向上滑動效果，它們的外觀和工作方式都符合預期。 它們在其他任何地方都能正常工作，直到您在 iPhone 上點擊 Safari 和 Safari IOS。 然后發生的情況是，當您向下滾動時，屏幕底部有大量的空白區域，它既不是檢查員可以識別的填充，也不是邊距。 所以我有點失落。

嘗試修復

我用谷歌搜索了這個問題並四處搜索，發現了一些東西，但它們不起作用。

我的第一次嘗試是：

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

沒什么...然后我試過了

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

它看起來很有希望，但又一無所獲。 所以我不知所措。

要直接查看問題，請訪問此鏈接：

http://main.test.supportworks.com

確保您使用 safari 或 iphone 訪問。 你的滾動速度並不重要，所以一旦你到達底部，你就會明白我的意思。

我提前感謝您的任何幫助！

Answer 1

很可能與在移動設備上的 Safari 中錯誤地引用窗口高度有關。 嘗試動態設置高度，使用 window.innerHeight 和一些 js，而不是訴諸高度：100vh 或 100%。 修復： https : //github.com/alvarotrigo/fullPage.js/issues/2414