Как скроллить блок к внутреннему элементу, если его высота меняется после каждого клика?

Question

[Владислав Бойченко]

Добрый день!

Столкнулся с задачей, которую не могу, но интересно решить.
Примерно все выглядит так (клик), есть блок фильтров, и у каждой секции в нем есть поле поиска. По клику на это поле нужно прокручивать общий блок к этой секции, но так как высота общего блока изменяется после открытия фильтров, корректной работы добиться не могу.

Я так полагаю, что это все из-за изменения высоты общего блока при открытии фильтров. Так ли это? И если да, как можно решить проблему?

Comments

[FeST1VaL]

ничего не понятно, но очень интересно))) можно песочницу сделать?

[Владислав Бойченко]

Артем Будин, https://codepen.io/vladyslav-boichenko/pen/gObKVxN

[FeST1VaL]

Владислав Бойченко, Я сначала не понял, что это и есть как бы рабочая... я думал вы где то взяли типо реализацию и сделали на подобии... Добавил ответ

Answer 1

[FeST1VaL]

container.scrollTop();

НА

container[0].offsetTop;

Comments

[Владислав Бойченко]

Большое спасибо!

[Владислав Бойченко]

Артем, может вы знаете, как бороться с тем, что offsetTop неправильно считает расстояние на iPhone в Safari?

[FeST1VaL]

Владислав Бойченко, сходу, не знаю, надо тестировать)