携帯電話でアプリ/ウェブページを実行するとき、ページを垂直にスクロールしないようにしたいのですが、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 アプリであると指定する必要がありました。したがって、技術的にはブラウザではなく、画面のビューポートだけです。