Как перейти к hrefs h2 для определенных страниц на JavaScript?

Это работает (пример - идентификатор h2-Tag.):

<script type = "text/javascript">
jQuery(document).ready(function($){
    var menubarHeight = 54;
    $('a[href^=#]').on('click', function(e){
        var href = $(this).attr('href');
        $('html, body').animate({
            scrollTop:$(href).offset().top -menubarHeight }, 1);
    });
});

<script type = "text/javascript">
jQuery(document).ready(function($){
    var menubarHeight = 154;
    $('a[href^=#idofh2]').on('click', function(e){
        var href = $(this).attr('href');
        $('html, body').animate({
            scrollTop:$(href).offset().top -menubarHeight }, 1);
    });
});

Это не работает (мне нужна эта функция для всех hrefs h2 только для этих страниц -> https://example.com/, https://example.com/2.):

<script type = "text/javascript">
jQuery(document).ready(function($){
    var menubarHeight = 154;
    $('a[href^=#]').on('click', function(e){
        // Here you can see, that there is h2. I don't know where to place it.
        var href = $(this).attr('h2');
        $('html, body').animate({
            scrollTop:$(href).offset().top -menubarHeight }, 1);
    });
});

Я использую 1, потому что хочу прыгать без плавной прокрутки. Что я могу использовать вместо .animate?

Если я использую это:

<script type = "text/javascript">
jQuery(document).ready(function($){
    var menubarHeight = 54;
    $('a[href^=#]').on('click', function(e){
        var href = $(this).attr('href');
        $('html, body').css("scrollTop", $(href).offset().top -menubarHeight);
    });
});

тогда 54 дозы не работают.

Этот:

$('a[href^=#]')

обычно 54.

И это:

$('a[href^=#idofh2]')

- это идентификатор одного тега h2 страницы. Это работает. Но как его использовать для всех тегов h2 и только для страниц https://example.com/, https://example.com/2? Если я перейду к тегу h2, он должен быть 154 (menubarHeight), иначе 54.