Javascript 修复了ios safari bounce上的标题消除问题

目前的结果：

预期成果：

如果您有一个iOS设备，您可以在这里看到一个实际的示例：client.wildfyre.net

我怎样才能解决这个问题

代码：

---

我已经对它进行了调试，我找到的唯一解决方案是你必须移动

nav

标签，确保包括它里面的内容，不要像那样移动其他的nav标签，所以红色的标签保持原样，蓝色的标签向上移动

在那个分区外面

<div cdk-scrollable="" class="mat-drawer-content" style="margin-left: 0px; margin-right: 0px; transform: translate3d(0px, 0px, 0px);">

---

一旦

nav

标签位于该div之外

class=“mat drawer content”

一切都会好起来，因为这

class=“mat drawer content”

当您滚动时，它会移动整个组件，这就是导致此问题的原因

我发现问题在于类

的css
溢出
属性；只需删除
溢出：auto
或将其设置为
隐藏
，错误将在Safari iOS中消失。我还在其他浏览器和平台上进行了测试，删除该属性似乎不会影响其他任何东西

希望有帮助
 首先，您应该了解问题的原因


如果删除“mat drawer content”类和转换内联样式，则将消除滚动效果

现在，如果您想要滚动效果而不想看到此问题，那么我们有两种解决方案：

将
作为
'mat-drawer-content'
div的子级删除，并作为同级添加，这样过渡效果就不会应用于
标记
或

在
'mat-drawer-content'
上添加
溢出：隐藏的
属性。

我在真正的设备上尝试了这两种方法，效果很好。
附件是iphoneX的截图。
您的示例需要登录证书您不需要登录就可以看到错误，标题位于顶部登录页面上也会发生这种情况吗？我可以在那里复制这个bug吗？我在一个插在Mac上的真正的iphone上进行了测试。这就是我发布解决方案的原因。让我为你做一个截图@CameronGilbertI我只有一个iPhone在safari上，你如何调试？我没有这个类，但我在顶部有完全相同的反弹效果。你可以把你的iphone和Mac连接起来，然后从那里调试它。互联网上有许多文章，请尝试以下内容：
<nav aria-label="Navigation links" class="mat-tab-nav-bar mat-primary" id="topNav" md-tab-nav-bar=""></nav>

<div cdk-scrollable="" class="mat-drawer-content" style="margin-left: 0px; margin-right: 0px; transform: translate3d(0px, 0px, 0px);">