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; }

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

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在&#39;&#39;,则表示换行,用&#39;&#39;切割。
代码实现 option = { backgroundColor: &amp;#39;#080b30&amp;#39;, tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...