Javascript 全页滚动插件（fullPage.js、scrollify.js等）可防止默认的mobile Safari UI行为

在iOS设备上，滚动插件（如和）似乎可以保留Safari的地址和导航栏，而不是用户滚动页面时通常最小化的方式

有什么解决办法吗？我知道当这些UI栏最小化时，内部视口的高度会改变，因此插件需要重新计算高度。此外，用户界面在滚动事件期间最小化，这可能对滚动插件有问题吗？有没有办法在滚动事件结束时隐藏UI

当你将iPhone的方向从纵向改为横向时，这些条会消失，但如果你通过点击顶部或底部将它们带回来，当你滚动时它们会保持不变

我真的很想拥有那个额外的高度

有什么解决办法吗

您也可以在不使用自动滚动的情况下使用它，但这可能不是您想要的：

autoscrolling:false

---

如果您担心横向模式，如果您避免使用锚，并在纵向模式下加载页面，然后切换到横向模式，则至少在iOS上，它不会显示顶部栏。这不是最好的解决方案，但可能会有所帮助

就我个人而言，我建议您使用

responsiveWidth

或

responsiveHeight

选项来更改小屏幕设备上页面的行为，并删除自动滚动，并且可能有更大的部分

一般来说，移动浏览器不允许访问顶部或底部栏的行为，开发人员也没有多少可以用来处理这些行为

有什么解决办法吗

您也可以在不使用自动滚动的情况下使用它，但这可能不是您想要的：

autoscrolling:false

---

如果您担心横向模式，如果您避免使用锚，并在纵向模式下加载页面，然后切换到横向模式，则至少在iOS上，它不会显示顶部栏。这不是最好的解决方案，但可能会有所帮助

就我个人而言，我建议您使用

responsiveWidth

或

responsiveHeight

选项来更改小屏幕设备上页面的行为，并删除自动滚动，并且可能有更大的部分

---

一般来说，移动浏览器不允许访问顶部或底部栏的行为，开发人员也没有多少方法可以处理这些行为。

我认为使用scrollbar:true对UI没有任何影响。我设计页面的方式需要插件的自动滚动功能，即使在小屏幕上也是如此。我觉得这一定与插件如何阻止浏览器对触摸事件的默认响应有关。对

scrollBar:true

对iOS没有影响，这让我很惊讶，因为它实际上是在滚动网站，但很好。如果您担心横向模式，如果您避免使用锚，并以纵向模式加载页面，然后切换到横向模式，则至少在iOS上根本不会显示顶部栏。这不是最好的解决方案，但可能会有帮助。而且，除此之外，没有适当的方法来处理酒吧。浏览器可以随心所欲地使用它，我们在那里没有太多的控制。是的，我注意到如果你将设备切换到横向，UI会消失，但当用户点击屏幕顶部的导航菜单按钮时，它们会回来并保持不变。我不认为使用scrollbar:true对UI有任何影响。我设计页面的方式需要插件的自动滚动功能，即使在小屏幕上也是如此。我觉得这一定与插件如何阻止浏览器对触摸事件的默认响应有关。对

scrollBar:true

对iOS没有影响，这让我很惊讶，因为它实际上是在滚动网站，但很好。如果您担心横向模式，如果您避免使用锚，并以纵向模式加载页面，然后切换到横向模式，则至少在iOS上根本不会显示顶部栏。这不是最好的解决方案，但可能会有帮助。而且，除此之外，没有适当的方法来处理酒吧。浏览器可以随心所欲地使用它，我们在那里没有太多的控制。是的，我注意到如果你将设备切换到横向，UI会消失，但当用户点击屏幕顶部的导航菜单按钮时，他们会回来并保持不变。