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

Question

[istasiik]

Есть такой код, он поднимает скролл до верхней части элемента сверху экрана:

$('html, body').animate({
        scrollTop: $("create-prepp").offset().top
        }, 1000);

Как сделать, что бы он поднимал скролл до нижней части элемента снизу экрана?

Answer 1

[Александр Аксентьев]

$("create-prepp").offset().bottom?

Comments

[istasiik]

Это вопрос? Нет, так не выходит, уже пробовал

[Александр Аксентьев]

istasiik: ну да правильно bottom в оффсете нету вообще. Запутанный вопрос просто. Я так полагаю нужно юзать scrollTop: $(el).offset().top+$(el).outerHeight() , если я правильно понял задачу :D

[istasiik]

не реагирует. У меня следующая проблема: по клику блок, который расширен по высоте на весь экран и больше должен закрыться. Он плавно закрывается до тех пор, пока верхний край блока не совпадает с верхним краем экрана. Затем он затормаживается и оставшееся время анимации стоит на месте. Когда анимация заканчивается он просто резко закрывается. Поэтому я думал сначала поднять скролл вверх, а потом закрывать блок. Может, можно как то по другому проблему решить?

[Александр Аксентьев]

istasiik: показывайте пример, так сложно понять что происходит и как это лечить. JSFiddle в помощь

[istasiik]

Александр Аксентьев: jsfiddle.net/3fuy8wou вот, например

[Александр Аксентьев]

istasiik: нашел инфу про этот баг вроде кк должны были поправить, но что-то не понятно. Решение не помогло все равно. Предлагаю добавить opacity toggle и будет красиво, по другому не получилось завести как надо. jsfiddle.net/3fuy8wou/1

Answer 2

[Maxi-II]

var scroller = document.getElementById('create-prepp');
scroller.scrollIntoView(false);