移动Safari浏览器地址栏 [英] Mobile Safari Address Bar

问题描述

我有我的网站的响应版本，我的地址栏一个非常奇怪的问题，请 http://beta.life埃杜。一切似乎都正常工作，与地址栏，网页上滚动时，基本上从来没有崩溃的除外。 iPhone 5C（iOS7），iPhone 6（8 iOS版），iPad的迷你（iOS版7），iPad的迷你瓦特/视网膜（iOS​​版8），谷歌Nexus 5（棒棒糖），谷歌Nexus：我在以下LIVE设备测试这7（棒棒糖），都具有相同的结果。

I am having a really weird issue with my address bar for the responsive version of my site, http://beta.life.edu. Everything appears to be working properly, with the exception of the address bar, which basically never collapses when scrolling on the page. I've tested this on the following LIVE devices: iPhone 5C (iOS7), iPhone 6 (iOS 8), iPad Mini (iOS 7), iPad Mini w/ Retina (iOS 8), Google Nexus 5 (Lollipop), Google Nexus 7 (Lollipop), all with the same results.

这是我的 HTML 标签，我有以下的CSS应用，这我觉得引发的这种行为，但无论是我错了，或者有另外一个问题：

on my html tag, I have the following css applied, which I thought triggered this behavior, but either I am wrong or I have another issue:

html {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

我已经通过大量的这个论坛帖子的阅读，但我试过的任何解决方案并不能改变什么，所以东西显然是错误的，在一般的滚动在这个网站。普遍接受的做法是增加code的页面加载后autoscrolls您的网站，但是这并没有解决我的问题，如地址栏滚动时从不隐藏。

I've read through lots of forum posts about this, but any solution I've tried doesn't change anything, so something is obviously wrong with the scrolling in general on this site. The generally accepted practice is to add code that autoscrolls your site after page load, but this doesn't solve my problem, as the address bar never hides when scrolling.

推荐答案

所以，我不完全知道为什么是这样的话，但在我的体标记我有溢出-X：隐藏声明。我把它从这个到我的网站包装类和一切是固定的。感谢您的努力，@ abdelrahman-wahdan

So, I'm not entirely sure why this is the case, but on my body tag I have the overflow-x: hidden declaration. I moved it from this to my site wrapper class and everything is fixed. Thanks for the effort, @abdelrahman-wahdan

这篇关于移动Safari浏览器地址栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！