0

（Windows）タブレットで動作するWebアプリを開発しています。あまり詳しくは説明しませんが、基本的にユーザーはタスクのリストを持っており、完了したら各タスクをチェックします。

彼らがタスクをチェックするとき、私はjQuery（scrollTop（））を使用してスクロールし、手動でスクロールする代わりに、次のタスクのために同じ場所をクリックできるようにします（この特定のタブレットでは注意が必要です）。

問題は、最後の5つまたは6つのタスクを実行できる場合、それはdivの終わりであるため、スクロールが停止することです。これは、同じ場所をクリックすることに慣れているため、奇妙なことです。

スクロールし続けたいのですが、どうすればいいのかわかりません。

私の推測では、下部に空白を追加するだけですが、空白を追加するために、空白が下部に到達したことを検出する方法がわかりません。

4

1 に答える 1

1

ページの読み込み時に、最後のリストアイテムを見つけます。次に、空白を追加して、ページの一番上までスクロールできるようにします。私は自分のWebサイトの1つに対してこれを行い、人々がアンカーにアクセスしたときにページの上部に表示されるようにします。彼らが自分自身でないときはそれを嫌う！

var $lastinput = $('input').last();
if ($lastinput.length > 0) {
    var headerTop = $lastinput.offset().top;
    var spacing = $(window).height() - ($('body').height() - headerTop);
    $('#setpageheight').height(spacing);
}

コンテンツ領域の下部に、と呼ばれる高さゼロのdivがありますsetpageheight。必要に応じてこれに高さを付けます。

http://jsfiddle.net/Ge7nM/

于 2012-08-25T00:33:34.460 に答える