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

发布时间：2020-12-14 23:49:02 所属栏目：资源来源：网络整理

导读：我有一个建立在Cordova上的应用程序,在我的一些页面上,我能够从我的内容水平滚动到空白区域. 这很奇怪,因为我没有任何东西延伸到我的#wrapper之外,它被设置为宽度：100％. 所以我想知道是否有一种方法可以完全禁用应用程序中的水平滚动？更新：请求页面上

我有一个建立在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; }

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!