Как сделать так чтоб при переходе по якорной ссылке фиксированная шапка не перекрывала заголовок?

Question

[z_u_q]

Сейчас, если перейти по ссылке с якорем #post10, будет так:
ссылка с примером

Лишний padding на заголовок вешать не хочется, да и ни к чему он мне. Как можно избавиться от перекрытия фиксированной шапкой?

Answer 1

[Никита]

прописать скриптец, который будет чекать наличие якоря, убирать действие по умолчанию, и вычислять сколько надо действительно скроллить до элемента, ну и собственно скролить)

window.hashName = window.location.hash;
  window.location.hash = '';

  $(window).load(function () {
      $('html, body').animate({scrollTop: $(window.hashName).offset().top}, 2000);
      return false;});
   });