Как прокручивать содержимое div в мобильном веб-приложении?

Question

Я проектирование мобильный веб-приложение в HTML, JavaScript, CSS & JQuery ...

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

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

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

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

Answer 1

Я когда-то работал над подобной концепцией и использовал 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-custom-scrollbar-plugins/