Страница прокручивается, как только прокрутка div достигает своего конца

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

Код Im, используемый для отключения вертикальной прокрутки страницы:

 $(document).bind('touchmove', function (e) {
     if (!$('.scrollable').has($(e.target)).length) e.preventDefault();
});

мой генератор div может добавить любое количество div в div, которое я хочу прокрутить:

      $('#mySelect').append("<div style = 'width:100%; height: 30%; text-align: left; background-color: white; border: 1px solid gray; line-height: 0%' >" +
     "<div style = 'float: left; margin-left: 5%'><p style = ' font-size:" +fontSize+"'>" + username + "</p><p style = 'color: gray; font-size:" +subtext+"'>" +wholeName+"</p></div>    <img style = 'float: right; padding-top: 3%; padding-right: 3%; right: 0; height: 80%;' onclick = addFriend('"+username+"') src = 'addfriend.png'></div>"); 

присоединяется к div:

 <div id="mySelect" class = "scrollable">
 </div>

Поэтому в значительной степени мне нужно знать, как остановить вертикальную прокрутку, как только мой "прокручиваемый" div достигнет вершины или снизу. Спасибо за любую помощь.

EDIT: Я должен был указать, что это приложение appmobi/xdk, которое отображается через html. так что это не технически в браузере его просто экраны экрана.