Прокрутите до скрытого элемента

Question

У меня есть скрытое поле ввода внутри таблицы td, и когда я выбираю параметр A, я хочу, чтобы браузер прокручивался вниз до этого видимого входа, который находится внутри table td. Я пробовал код ниже, но что-то не работает правильно. ID поля ввода: #id_a-1-host

jQuery('html,body').animate({scrollTop: jQuery('#id_a-1-host').offset().top},'slow'); 

Он прокручивает вниз, но только немного. Он не прокручивается до поля ввода.

Answer 1

scrollTop основан на видимости, и если у вас есть скрытый текст, используя display: none, он недоступен в окне просмотра, поэтому он не будет работать должным образом. Всегда лучше использовать именованный якорь в этих случаях:

<a name="id-a-off" id="id-a-off"> 

Или даже пустая оболочка будет делать:

<span name="id-a-off" id="id-a-off"></span> 

Убедитесь, что это находится в статическом родителю.

Кроме того, если у вас есть статический заголовок или что-то создать, нужно добавить, что высота, а также:

jQuery('html,body').animate({ 
    scrollTop: jQuery('#id_a-1-host').offset().top - staticHeaderHeight 
}, 'slow');