Как включить вертикальную прокрутку в JQuery Mobile

Question

Мне нужно иметь возможность прокручивать элемент таблицы с помощью мобильного телефона jquery.

Например, сейчас у меня много данных в таблице. и моя страница показывает мне 20 записей, и я знаю, что есть 25 записей, поэтому, когда я хочу прокрутить вертикально, вся моя страница движется, а не моя таблица, как это должно быть.

Я использую плагин DataTables для таблицы.

Код:

<table id="level" width="100%" border="1" cellspacing="2" cellpadding="5" >
                <thead>
                    <tr class="even">
                        <th></th>
                        <th><span class="time_var">Time</span></th>
                        <th><span class="id_level_var">ID Level</span></th>
                        <th><span class="level_var">Level</span></th>
                    </tr>
                </thead>

              <tbody>
              </tbody>
        </table>

И JavaScript

$(document).ready(function() {
        oTable = $('#level').dataTable( {
            "bLengthChange": false,
                    "aaSorting": [[1,'asc']],
            "bProcessing": true,
            "bServerSide": true,
            "sPaginationType": "full_numbers",
            "sScrollY": "500px",
            "bDeferRender": true,
            "sAjaxSource": "table.php"
        } );

Answer 1

Ты пытался:

<div style="width:260px; overflow:scroll" >
   //your dataTable
</div>

Answer 2

Отсутствует

} );

поймать ваш документ. уже?

$(document).ready(function() {
    oTable = $('#level').dataTable( {
        "bLengthChange": false,
                "aaSorting": [[1,'asc']],
        "bProcessing": true,
        "bServerSide": true,
        "sPaginationType": "full_numbers",
        "sScrollY": "500px",
        "bDeferRender": true,
        "sAjaxSource": "table.php"
    } );
});

Ваш код работает здесь: http://live.datatables.net/otihog/edit