PhoneGap/Cordova: Предотвращение горизонтальной прокрутки

У меня есть приложение, построенное на Cordova, и на некоторых моих страницах я могу горизонтально прокручивать свой контент в пустое пространство.

Это странно, так как у меня нет ничего, что выходит за пределы #wrapper, для которого установлено значение width: 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>

This is what happens on horizontal scroll

8
задан Script47 26 August 2017 в 15:52
поделиться