Как сделать анимацию прогрутки к якорю?

Question

[Максим]

Имеем родителя .wrapper меню фиксированное с ссылками на id и блоки высотой в 100vh.
Если для wrapper задать overflow:hidden то амимированный скролл не работает .
Как при overflow:hidden; сделать плавный скролл к якорю + preventDefault

Источник проблемы : https://jsfiddle.net/lenskyuser/ztzyj9fh/18/

Answer 1

[0xD34F]

Вместо body анимируйте .wrapper:

$('.vertical').on('click', 'a', function(e) {
  e.preventDefault();

  const id = $(this).attr('href');
  const $wrapper = $('.wrapper');
  const offset = $(id).offset().top;
  const scrollTop = offset + $wrapper.scrollTop();
  $wrapper.animate({ scrollTop }, 1500);
});