вкладки ввода в Mozilla и IE не прокручиваются вверх

Question

У меня есть длинный form для сайта, над которым я работаю, и есть два столбца inputs. Когда пользователь переходит через inputs, просмотр прокручивается вниз, чтобы сохранить сфокусированное поле в поле зрения. Когда пользователь достигает нижней части первого столбца, а фокус вкладки переходит к началу второго столбца, представление не прокручивается вверх, чтобы следить за фокусом, но только в Mozilla и IE. Когда я тестирую Chrome, просмотр будет прокручиваться вверх, чтобы сохранить сфокусированное поле ввода в поле зрения.

Кто-нибудь знает, как справиться с этой проблемой кросс-браузера и сделать страницу автоматически прокруткой вверх для Mozilla и IE?

Answer 1

Хорошо, я понял, что проблема. Мое мнение, в котором содержалось представление, которое я пытался пропустить, было, когда прокручивалось, скрывалось за другим видом. Chrome понял, что взгляд за другим, но Mozilla этого не сделал.

Моим решением было использовать scrollTop. Когда мой вход сверху справа получил фокус вкладки, я прокрутил обзор вверх:

$("#org-select").on("select2-focus", function(e) { 
    $("html, body").animate({ scrollTop: 0 }, "fast"); 
    return false; 
}); 

Answer 2

Я не могу воспроизвести это в любом браузере, но если вы используете jquery, вы можете попробовать добавить это в свой javascript и посмотреть, помогает ли он.

$(function() { 
    $("input").on("focus", function() { 
     this.scrollIntoView(true); 
    }); 
});