title: PhoneGap/Cordova: Prevent horizontal scrolling
body: <p>I have an app built on Cordova and on some of my pages I am able to scroll horizontally out of my content into white space.</p>
  
  <p>This is weird as I have nothing there that extends beyond my <code>#wrapper</code>, which is set to <code>width: 100%</code>.</p>
  
  <p>So I was wondering if there was a way I could disable horizontal scrolling in the app altogether?</p>
  
  <p>UPDATE:</p>
  
  <p>Code on page as requested:</p>
  
  <pre><code>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%;
  }
  
  
  &lt;body&gt;
           &lt;div id="wrapper"&gt;
          &lt;div id="header"&gt;
              &lt;div class="headerback"&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/div&gt;
              &lt;div class="headerrefresh"&gt;&lt;script&gt;var pathname = window.location.pathname;&lt;/script&gt;&lt;script&gt;document.write('&lt;a href="'+pathname+'"&gt;Refresh&lt;/a&gt;')&lt;/script&gt;&lt;/div&gt;
              &lt;div class="headertitle"&gt;&lt;h2&gt;Get the Look&lt;/h2&gt;&lt;/div&gt;
  
          &lt;/div&gt;&lt;!--HEADER--&gt;
      &lt;iframe src="http://www.mbff.com.au/getthelook"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
      &lt;/body&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/W4kGT.png" alt="This is what happens on horizontal scroll"></p>