在手机上运行我的应用程序/网页时，我希望页面不垂直滚动，但我确实希望 div 允许垂直滚动。这可行，但是一旦 div 到达滚动的底部，它就会滚动整个页面。
我用来禁用垂直页面滚动的代码：
$(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 到达顶部或底部时如何停止垂直滚动。谢谢你的帮助。
编辑：我应该指定这是一个通过 html 呈现的 appmobi/xdk 应用程序。所以它在技术上不是在浏览器中，它只是屏幕视口。