html – PhoneGap / Cordova:防止水平滚动

前端之家收集整理的这篇文章主要介绍了html – PhoneGap / Cordova:防止水平滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个建立在Cordova上的应用程序,在我的一些页面上,我能够从我的内容水平滚动到空白区域.

这很奇怪,因为我没有任何东西延伸到我的#wrapper之外,它被设置为宽度:100%.

所以我想知道是否有一种方法可以完全禁用应用程序中的水平滚动?

更新:

请求页面上的代码

body {
    background-color: #fff;
    font-family:Arial,Helvetica,sans-serif;
    color: #b7b8b9;
    height: 100%;
    width: 100%;
}

iframe{
    border: none;
    width: 100%;
    /*margin-top: 50px;*/


   }

#header{
    height: 50px;
    width: 100%;
}


<body>
         <div id="wrapper">
        <div id="header">
            <div class="headerback"><a href="index.html">Home</a></div>
            <div class="headerrefresh"><script>var pathname = window.location.pathname;</script><script>document.write('<a href="'+pathname+'">Refresh</a>')</script></div>
            <div class="headertitle"><h2>Get the Look</h2></div>

        </div><!--HEADER-->
    <iframe src="http://www.mbff.com.au/getthelook"></iframe>
    </div>
    </body>

解决方法

尝试使用设备的确切尺寸在Chrome(webkit)中调试您的网页.这解决了我的大多数渲染问题.

我不知道这里的具体问题,但看起来你的一个元素正在包装外流动.你可以在你的css中尝试这个:

div.wrapper { overflow: hidden; width: inherit; }

虽然找出页面横向扩展的原因可能更好一点?

猜你在找的HTML相关文章