Question

我有一个50多行的滑板，在Firefox，Safari和Chrome等浏览器中正确显示右侧垂直滑块。

在使用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>

Answer 1

我对Slickgrid并不熟悉所以只能建议可能造成这种情况。它完全有可能在引擎盖下使用固定高度div，因此缺少scollbar。我收集了一些固定高度div /滚动场景在iOS5中已修复，但与此同时你可能想要阅读Matteo Spinelli的这篇文章以获得一些指示：

What you can really do with native position:fixed

Slickgrid使用iPad Safari不显示滑块

1 个答案: