Почему не работает якорь?

Question

[Qurel]

На сайте есть свернутый блок с сообщениями, после него идет кнопка "Написать сообщение". При клике на эту кнопку разворачивается сверху блок с сообщениями и якорь к блоку после кнопки. Якорь не работает:
Codepen

Answer 1

[Александр Латухин]

$('.scroll').on('click', function() {
	$('.block-top').animate({height: '1000px'},500, 'swing', () => {
		$('html,body').animate({ scrollTop: $('.anchor').offset().top }, 500);
	});
})

Потому что в примере который ты скинул, ты пытаешься скролить одновременно с анимацией. Чтобы корректно у тебя работал скрол, нужно сначало сделать анимацию ( в твоем случае увеличение heignt) и после этого уже начать скролить. У animate есть 4-ый параметр который отвечает за окончание выполнения анимации
https://api.jquery.com/animate/

Answer 2

[Timur Kostenko]

Потому что у якоря еще не обновился offsetTop, надо прибавить высоту анимирующегося элемента

$('.scroll').on('click', function() {
	const blockHeight = 1000;
	$('.block-top').animate({height: `${blockHeight}px`},500);
	var anchor = $('.anchor');
	$('html,body').animate({ scrollTop: anchor.offset().top + blockHeight }, 500);
});