title: Scrolling horizontally on mobile
body: <p>I have a div with 100% width containing a table. Table width depending on cell width and must be greater than div width.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;table&gt;
         &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For example the width of row could be 300px (because of 100%), and the fixed width of a td could be 200px.</p>
  
  <p>In this case I need the full table scroll horizontally inside div area.</p>
  
  <p>Writing this</p>
  
  <pre><code>.row {
      overflow-x: scroll;
  }
  </code></pre>
  
  <p>make all work on pc (scrolling with touchpad horizontally). But when i make access from a mobile browser is not possible to scroll.</p>
  
  <p>I've also tried -webkit-overflow-scrolling: touch but seems to be not recognized by browsers (both chrome and opera).</p>
  
  <p>Any idea on how to solve?</p>
  
  <p>Also I put below some head informations that can be usefull for solving</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"&gt;
  </code></pre>
  
  <p>Thanks in advance</p>