1

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

4

2 に答える 2

1

この css を文書に追加して、垂直方向にスクロールするものが何もない場合はどうなるでしょうか?

html,body{height:100%;overflow-y:hidden}

フィドルの例を次に示します: http://jsfiddle.net/filever10/XEvGP/

未検証なので、何か問題があれば教えてください。

NEW APPROACH さて 、それはブラウザの動きです...

これがiosの場合に役立つはずです

iOS 5 での document.ontouchmove とスクロール

于 2013-10-21T23:47:10.860 に答える