Как добавить отступ сверху при скролинге?

Question

[Kostya Ostapuk]

Есть такой скрипт

<script type="text/javascript">
    $('a[href*="#"]:not([href="#"])').click(function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
                $('html, body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });
</script>

он переходит чётко к id.но как сделать отступ сверху от этого id в 20px к примеру

Answer 1

[iBird Rose]

<script type="text/javascript">
    $('a[href*="#"]:not([href="#"])').click(function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(20) + ']');
            if (target.length) {
                $('html, body').animate({
                    scrollTop: target.offset().top - 20
                }, 1000);
                return false;
            }
        }
    });
</script>

Comments

[Андрей Токмаков]

Только наверное -20, а не плюс, ему же выше якоря надо, значит оффсет должен быть меньше на 20 :)

[iBird Rose]

Андрей Токмаков: да) исправил)

[Kostya Ostapuk]

iBird Rose: не работает, я пробовал так. Не знаю чего(

[Kostya Ostapuk]

iBird Rose: сработало каким-то чудом без отступа в итоге, но ты правильно подсказал.
Ответ получается мне не понадобился.