JQM + iScroll 4 прокрутка странная прокрутка

Question

Я пытаюсь использовать JQM и iScroll 4 для проекта и преобразовать его в собственное приложение с xCode. Мне нравится использовать iScroll, потому что верхний и нижний колонтитулы всегда должны отображаться. Проблема в том, что прокручиваемая часть не работает, она создает 'scrolling-div', но когда я пытаюсь прокрутить ее, она просто возвращается к началу.

Вот мой HTML и JS

Простая HTML-страница:

<div data-role="page" class="pages" id="home">
    <div data-role="header">
        <a href="#"class="showMenu menuBtn" data-icon="grid" data-iconpos="notext">Menu</a>
        <h1>header</h1>
    </div>
    <div data-role="content">
        <div id="wrapper">
            <div id="slide-content">
                <h3>Slide Menu</h3>
                <ul data-role="listview">
                    <li><a href="#home">Scroll naar benenden
                        </a></li>
                            ... lots of <li>
                            <li><a href="#home">Scroll naar benenden
                        </a></li>
             </ul>
            </div>
        </div>
    </div>
    <div data-role="footer">
        <h1>footer</h1>
    </div>
</div>

JS:

var myScroll
function loaded() {
    myScroll = new iScroll('wrapper');
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);

Если вам нужно больше информации, спросите, и вы получите:)

Спасибо

Answer 1

Вы также можете использовать свержение, хотя все еще экспериментально. Он разрабатывается Filament/JQM, поэтому я думаю, что это будет путь, так как scrollview больше не будет поддерживаться.

Смотрите здесь: http://filamentgroup.com/lab/overthrow/

и здесь: http://filamentgroup.github.com/Overthrow/

Answer 2

Вы смотрели на версию 1.1 jqm (должна быть выпущена очень скоро), у нее есть постоянный заголовок и нижний колонтитул, с которыми вы можете ознакомиться в документации по rc1 здесь: http://jquerymobile.com/demos/1.1.0-rc.1/docs/toolbars/footer-persist-a.html

Answer 3

Ваша проблема может быть легко решена. Проблема в том, что iScroll не может определить высоту вашего элемента прокрутки. Потенциальные причины:

• неверный CSS
• загрузка содержимого не завершена, когда запущен DOMContentLoaded.