0

我有一个 50 多行的 slickgrid，它在 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>

4

1 回答 1

0

我对 Slickgrid 不熟悉，所以只能就可能导致这种情况的原因提出建议。它完全有可能在引擎盖下使用固定高度的 div，因此缺少 scollbar。我收集了一些固定高度的 div / 滚动场景在 iOS5 中是固定的，但与此同时，您可能想阅读 Matteo Spinelli 的这篇文章以获取一些提示：

你可以用原生位置做什么：固定

于 2011-06-20T11:05:09.753 回答