Как прокрутить содержимое div в мобильном веб-приложении? - PullRequest
3 голосов
/ 15 марта 2012

Я разрабатываю мобильное веб-приложение на HTML, Javascript, CSS и jQuery ...

Я разрабатываю страницу регистрации, которая содержит текстовые поля внутри div размера экрана ... Поскольку страница больше, чем размер экрана, яхочу показать скроллер ...

iScroll здесь бесполезен, так как в форме есть текстовые поля, и пользователь должен вводить в нее текст .... (ошибка iScroll http://code.google.com/p/iscroll-js/issues/detail?id=17)

Iперепробовал так много пользовательских скроллеров, но они не работают на мобильном телефоне ...

Есть ли какое-нибудь решение, чтобы это исправить ???????

1 Ответ

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

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

Tinyscrollbar https://github.com/Empact/jquery-tinyscrollbar

Бит javascript для tinyscrollbar

    <script type="text/javascript">
    $(document).ready(function(){
        $('#scrollbar').tinyscrollbar();
    });
</script>

HTML

    <div id="scrollbar">
        <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
        <div class="viewport">
             <div class="overview">
                Your Content
            </div>
        </div>
</div>  

Другие доступные плагины можно найти здесь, если вы еще не пробовали их. Что я тоже не пробовал

http://www.net -kit.com / JQuery-заказ ScrollBar-плагинов /

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...