JQM + iScroll 4 прокрутка странная прокрутка - PullRequest
Новая
       22

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

0 голосов
/ 04 марта 2012

Я пытаюсь использовать 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);

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

Спасибо

Ответы [ 3 ]

1 голос
/ 05 марта 2012

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

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

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

1 голос
/ 04 марта 2012

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

0 голосов
/ 14 октября 2012

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

  • неверный css
  • загрузка содержимого не завершается при запуске DOMContentLoaded.
...