$('.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/