Добавить идентификатор тега привязки на URL и добавить плавную прокрутку с дополнительной высотой

Question

Пожалуйста, помогите мне достичь этого

Я хочу добавить тег привязки href на URL с плавной прокруткой, но он переходит в верхнюю часть страницы. но верхняя прокрутка с дополнительной высотой не работает.

jQuery("#mySidenav ul li a[href^='#']").on('click', function(e) {
  e.preventDefault();
  var hash = this.hash;
  jQuery('html, body').animate({
    scrollTop: jQuery(hash).offset().top -50}, 350, function(){
      window.location.hash = hash;
    });
    return false;
  });
});