使用iPad的Slickgrid Safari不顯示滑塊

我有一個有50多行的slickgrid，可以在Firefox，Safari和Chrome等瀏覽器中正確顯示右側垂直滑塊。使用iPad的Slickgrid Safari不顯示滑塊

在使用Safari的iPad上，滑塊不可見。有沒有解決這個問題的方法？

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
    <title>SlickGrid example 1: Basic grid</title> 
    <link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" /> 
    <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.5.custom.css" type="text/css" media="screen" charset="utf-8" /> 
    <link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" /> 
</head> 
<body> 
    <table width="100%"> 
    <tr> 
     <td valign="top" width="50%"> 
      <div id="myGrid" style="width:600px;height:500px;"></div> 
     </td> 
     <td valign="top"> 
      <h2>Demonstrates:</h2> 
      <ul> 
       <li>basic grid with minimal configuration</li> 
      </ul> 
     </td> 
    </tr> 
    </table> 

    <script language="JavaScript" src="../lib/jquery-1.4.3.min.js"></script> 
    <script language="JavaScript" src="../lib/jquery.event.drag-2.0.min.js"></script> 
<script language="JavaScript" src="../slick.grid.js"></script> 

    <script> 

    var grid; 

    var columns = [ 
     {id:"title", name:"Title", field:"title"}, 
     {id:"duration", name:"Duration", field:"duration"} 
    ]; 

    var options = { 
     enableCellNavigation: false, 
     enableColumnReorder: false 
    }; 

    $(function() { 
    var data1 = []; 
     for (var i = 0; i < 50; i++) { 
      data1[i] = { 
       title: "Task " + i, 
       duration: "5 days" 
      }; 
     } 

     grid = new Slick.Grid($("#myGrid"), data1, columns, options); 
    }) 

    </script> 

</body>

來源

2011-06-17 user753727

我不熟悉Slickgrid所以只能建議，以什麼可以會導致此。它是完全可能的，它使用固定的高度div，因此沒有scollbar。我收集了一些固定高度DIV /滾動場景固定在iOS5中的，但在此期間，你可能需要閱讀這篇文章從利瑪竇斯皮內利的一些指針：

What you can really do with native position:fixed

來源

2011-06-20 11:05:09 Ben

使用iPad的Slickgrid Safari不顯示滑塊

回答

相關問題