0
Я пытаюсь реализовать горизонтальный свиток на мобильном столе jQuery, используя iScroll 5 http://iscrolljs.com/, но он вообще не работает. Вертикальный scoll работает, но он полностью игнорирует горизонтальный свиток. Вот мой код:iScroll5 & JQuery мобильный стол горизонтальная прокрутка
<body onload="loaded()">
<div data-role="page" id="scroll" data-theme="a">
<div data-role="content">
<div id="wrapper">
<table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke">
<thead>
<tr>
<th data-priority="1">Rank</th>
<th data-priority="1">Movie Title </th>
<th data-priority="1">Year</th>
<th data-priority="1"><abbr title="Rotten Tomato Rating">Rating</abbr></th>
<th data-priority="1">Reviews</th>
<th data-priority="1">Rank</th>
<th data-priority="1">Movie Title </th>
<th data-priority="1">Year</th>
<th data-priority="1"><abbr title="Rotten Tomato Rating">Rating</abbr></th>
<th data-priority="1">Reviews</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td>
<td>1941</td>
<td>100%</td>
<td>74</td>
<th>1</th>
<td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td>
<td>1941</td>
<td>100%</td>
<td>74</td>
</tr>
<tr>
<th>2</th>
<td><a href="http://en.wikipedia.org/wiki/Casablanca_(film)" data-rel="external">Casablanca</a></td>
<td>1942</td>
<td>97%</td>
<td>64</td>
<th>1</th>
<td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td>
<td>1941</td>
<td>100%</td>
<td>74</td>
</tr>
</tbody>
</table>
</div> <!-- end wrapper -->
</div><!-- /content -->
и JQuery:
<script >
var myScroll;
function loaded() {
myScroll = new IScroll('#wrapper', {
eventPassthrough: true,
scrollX: true,
scrollY: false,
mouseWheel: true,
preventDefault: false
});
}
</script>
Кто-нибудь есть какие-либо идеи находится на этом? Если я удалю таблицу и поставлю ее в список, она будет прокручиваться горизонтально, как и следовало ожидать. Здесь представлен jsfiddle http://jsfiddle.net/7uAhg/
Благодаря