Как сделать плавную прокрутку к якорю а начало блока?

Question

[Nick Bukovskiy]

Я сам скрол сделал. Он опускается на id section, но опускается не на начало блока, можно это как то исправить или нужно другие id делать и на них скролить?

$("nav a").click(function() {
        $('nav').slideUp('200');

        var elementClick = $(this).attr("href")
        var destination = $(elementClick).offset().top;

        $("html:not(:animated),body:not(:animated)").animate({
            scrollTop: destination
        }, 1200);

        return false;
    });

Comments

[zoozag]

Покажите сайт или фидл

[Nick Bukovskiy]

zoozag, boostfolia.kl.com.ua (я его ещё доделываю, не судите строго)

Answer 1

[zoozag]

1. У вас id задан заголовку, а не блоку.
2. offset считается в тот момент, когда меню открыто, а потом оно скрывается, т.е.
var destination = $(elementClick).offset().top - $('nav').height();

Comments

[Nick Bukovskiy]

я понял, спасибо. Id заданы, чтоб переходило к надписи заголовка блока. А про "скрывание" меню я совсем забыл, спасибо. Я нашел одно решение, выше написал

Answer 2

[Nick Bukovskiy]

Нашел решение. В скрипте добавил top-50 var destination = $(elementClick).offset().top-50;
Значение подкорректировал под себя

Comments

[zoozag]

https://css-tricks.com/magic-numbers-in-css/