Запретить просмотр списка прокрутки iScroll - PullRequest
Новая
       18

Запретить просмотр списка прокрутки iScroll

0 голосов
/ 27 января 2012

Я пытаюсь интегрировать iScroll в свое приложение с помощью javascript-jquery.mobile.iscroll plugin .Я хочу использовать его для прокрутки компонента просмотра списка определенной страницы.Мне бы хотелось, чтобы фильтр этого списка оставался фиксированным сразу после заголовка, прокручивая только элементы списка.

Кстати, я попытался программно переместить форму фильтра до того, как div помечен id="scroller" (чтобы избежать прокрутки для него) вот так: 

$('#testPage').live('pageinit', function() {
    $('form.ui-listview-filter').insertBefore($('div.scroller'));
});

Однако форма не перемещается и остается в области прокрутки.Кто-нибудь знает, можно ли его переместить или есть другой способ предотвратить прокрутку фильтра?

Мой HTML-код выглядит примерно так: 

<div id="testPage" data-role="page" data-iscroll="enable">
    <div data-role="header" data-position="inline">
    <h1>Test</h1>
    </div>
    <div data-role="content" data-iscroll="scroller">
      <div id="scroller">
      <ul data-role="listview" data-filter="true">
            <li><h3>Test1</h3></li>
            <li><h3>Test2</h3></li>
            <li><h3>Test3</h3></li>
            ...
            <li><h3>Test60</h3></li>
        </ul>         
     </div> 
</div>

Полный пример приведен здесь: http://jsfiddle.net/emFbM/11/

Заранее благодарим за вашепомощь!

1 Ответ

2 голосов
/ 06 июня 2012

Я наконец-то решил, передвинув фильтр до div с data-role="content" вот так $('.ui-content').before($('form.ui-listview-filter'));.

Финальный код здесь на случай, если кому-то будет интересно.

...