Css 在手机上滚动时，顶部和底部出现空白

我正在创建一个新网站，在那里我希望滚动时导航栏固定在顶部。它可以工作，但在移动设备上，当我们滚动时，顶部或底部都有空白。问题是我的手机左侧有一个导航。当我滚动时，这个导航没有发出声音，不，顶部导航栏在左侧导航栏下面，它真的很难看

这是我的网站，如果你不明白

我试过这样的方法：

overscroll-behavior: none;

但它改变不了什么

body {
  height: 100%;
  overflow: auto;
}

不做任何事

这是一个经典的Bootstrap4NavBar，但我没有使用FixedTop类来修复它，它是一个类似于FixedTop的自定义类

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;

}

我希望手机上的空白消失

在我的手机（iPhone 6）上拍摄的一些屏幕截图

我正在向下滚动：

导航打开时：

当我在导航打开的情况下滚动时：

---

我想你是在考虑iPhone中过度滚动网页导致的惯性滚动行为。这个问题没有理想的解决方案

在您的情况下，很少有部分解决方案可能/可能不起作用
-
-

尽管如此，我们不建议对此进行预防。这样做将拦截浏览器中的自然滚动平滑度

---

我建议你将你身体的背景色设置为导航栏的准确背景色，使其不那么明显。我猜你是在考虑iPhone中过度滚动网页导致的惯性滚动行为。这个问题没有理想的解决方案

在您的情况下，很少有部分解决方案可能/可能不起作用
-
-

尽管如此，我们不建议对此进行预防。这样做将拦截浏览器中的自然滚动平滑度

---

我建议您将身体的背景颜色设置为导航栏的准确背景颜色，以使其不那么明显

我通过删除js函数解决了这个问题。在桌面上，导航栏不会被修复，在移动设备上，导航栏现在被直接修复，并且可以正常工作

我通过删除js功能解决了这个问题。在桌面上导航栏不会被修复，在移动设备上导航栏现在已经被直接修复，并且可以正常工作

i测试它没有空白你可以截屏吗？\n灰色或白色？甚至可能是一个与设备相关的错误，在安卓9上它正在工作。。。或者你说的是你的“.main”类有20像素的最高利润？我添加了截图。它仅在移动设备上可见，在navigator Development中不可见tool@DimasPante是的，我只看到了marginive测试它没有空白你能拍一张屏幕吗？\n灰色或白色？甚至可能是一个与设备相关的错误，在Android 9上它正在工作。。。或者你说的是你的“.main”类有20像素的最高利润？我添加了截图。它仅在移动设备上可见，在navigator Development中不可见tool@DimasPante是的，我看到的只是边缘