1

form私が取り組んでいるサイトには長いものがあり、 の 2 つの列がありinputsます。ユーザーがビューをタブで移動するinputsと、フォーカスされたフィールドが表示されたままになるように下にスクロールします。ユーザーが最初の列の一番下に到達し、タブ フォーカスが 2 番目の列の一番上に移動すると、ビューはフォーカスを追跡するために上にスクロールしませんが、Mozilla と IE でのみです。Chrome でテストすると、フォーカスのある入力フィールドが表示されたままになるように、ビューが上にスクロールします。

このクロスブラウザの問題に対処し、Mozilla と IE でページを自動的に上にスクロールする方法を知っている人はいますか?

4

2 に答える 2

2

どのブラウザーでもこれを再現することはできませんが、jquery を使用している場合は、これを JavaScript に追加してみて、役立つかどうかを確認してください。

$(function() {
    $("input").on("focus", function() {
         this.scrollIntoView(true);
    });
});
于 2013-08-29T17:16:09.447 に答える
0

わかりました私は問題を理解しました。タブで移動しようとしていたビューを含むビューが、上にスクロールすると、別のビューの背後に隠れていました。Chrome は別のビューの背後にあることに気付きましたが、Mozilla はそうではありませんでした。

私の解決策は、を使用することでしたscrollTop。右上の入力がタブ フォーカスを受け取ったとき、ビューを一番上にスクロールしました。

$("#org-select").on("select2-focus", function(e) { 
    $("html, body").animate({ scrollTop: 0 }, "fast");
    return false;
});
于 2013-09-04T17:30:34.283 に答える