Css 在我为这张桌子选了一个计时器之前。这张桌子在桌子里面吗？如果是这样，请检查--，以获取在帧内滚动的解决方案。否则，请在IPHONE上查看此链接，以查看可滚动表的演示（演示）（来源）--我hust测试了该演示，并在IPHONE上运行良好。不幸的是，我想我还是

---

在我为这张桌子选了一个计时器之前。这张桌子在桌子里面吗？如果是这样，请检查--，以获取在帧内滚动的解决方案。否则，请在IPHONE上查看此链接，以查看可滚动表的演示（演示）（来源）--我hust测试了该演示，并在IPHONE上运行良好。不幸的是，我想我还是坚持使用datatables，因为它们可以通过jsonp轻松传递信息。我不必自己给表格编码。

 var table = $('#table_container').dataTable( {
        "symbol": symbol,
        "exchange": exchange,
        "aoColumns": columnData,
        "aoColumnDefs": [
        { "aTargets": [0],      "mRender": function (data, type, full) {return dateFormat(data)} },
        { "aTargets": [1],      "mRender": function (data, type, full) {return volumeNumber(data)} },
        { "aTargets": [8],      "mRender": function (data, type, full) {return volumeNumber(data)} },
        { "aTargets": [14],      "mRender": function (data, type, full) {return volumeNumber(data)} },                           
        { "aTargets": ["_all"], "mRender": function (data, type, full) {return numberWithCommas(parseFloat(data).toFixed(2))} },
        ],
        "aaSorting": [[ 0, "desc" ]],
        "bPaginate": false,
        "bLengthChange": false,
        "bFilter": false,
        "bInfo": false,
        "bAutoWidth": false,
        "bProcessing": true,
        //"sScrollX": "100%",
        //"sScrollY": "100%",
        //"sDom": 'r<"H"lf><"datatable-scroll"t><"F"ip>',                        
        "bScrollCollapse": false,
        "bServerSide": true,
        "sAjaxSource": str,
        "bDeferRender": true,
        "fnServerData": function( sUrl, aoData, fnCallback ) {
            $.ajax( {
                "url": sUrl,
                "data": aoData,
                "success": fnCallback,
                "dataType": "jsonp",
                "cache": false
            } );
        }
    } );

<div class="table-container">
  <table>
    ...
  </table>
</div>

.table-container{
  overflow: auto
}

.table-container{
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

$(document).ready(function() {
    $('#example').dataTable( {
        "sScrollX": "100%",
        "sScrollXInner": "110%",
        "bScrollCollapse": true
    } );
} );

 .dataTables_wrapper {
  position: relative;
  clear: both;
  height: 400px;
  width: 400px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  }

  #main_container {
  overflow: hidden;
  }

  ::-webkit-scrollbar {
   width: 0px;
   }