Открытие ссылок с анкором. Хедер перекрывает контент

[dmk]

Да, так скачет заголовок, хуже выглядит. Спасибо за помощь. Возможно, есть вариант верстку изменить, контент опустить, поразмышляю ещё

[рони]

есть вариант верстку изменить,

можно заменить id на data-id ?

[dmk]

Да, могу data атрибуты вставить секциям

[рони]

dmk,
не вставить, а заменить или дописать data-?

[рони]

а заменить или дописать data-?

тогда код будет

jQuery(window).on('load', function() {
jQuery('[data-id]').each(function() {
    var id = $(this).data('id');
    this.id = id
	});
var hash = document.location.hash;
if(hash!=''){
jQuery("a[href='"+hash+"']").click();
}
});

[dmk]

Вставить имею в виду дописать напрямую в коде, не с помощью js

[рони]

дописать напрямую в коде

да

[рони]

dmk,
<div id="id-advantages" class
дописать в ручную
<div data-id="id-advantages" class

[рони]

ссылки по теме Перехват перехода по якорю
https://javascript.ru/forum/jquery/1...o-yakoryu.html
http://qaru.site/questions/68128/how...loading-a-page
если кто-то знает решение, подскажите, кроме как убрать id в исходном коде , и вернуть id скриптом, другого варианта не вижу.

[dmk]

Спасибо! Во второй ссылке нашел решение. Заключается оно в сбрасывании полученного хэша и скролле к нужной секции (взятой из хеша)

var anchorLink = window.location.hash,
    anchorText = anchorLink.replace( '#', '' );

window.location.hash = '';

jQuery(window).on( 'load', function() {
    if (anchorText) {
        jQuery( 'html, body' ).animate({
            scrollTop: jQuery( '#' + anchorText ).offset().top - 80
        }, 700, 'swing', function () {});
    }
});

Вот так работает:
https://entera.pro/#id-advantages