Как перейти на другую страницу и остановится на якоре, но на 100px от верха?

Question

[Fredd Monty]

Как перейти на другую страницу и остановится на якоре, но на 100px от верха?
переход на другую страницу и на якорь, но сильно вверх, нужно немного опустить.
Можно сделать это с помощью JS? Как?
about.html#team

Answer 1

[Евгений Карпов]

href='bout.html#team'

#team{
margin-top:100px;
}

Comments

[Fredd Monty]

отступ не нужен, нужно что-бы страница остановилась 100 пикс перед якорем

[Евгений Карпов]

Stas Fedorko: тогда js, ниже пример)

Answer 2

[Станислав]

$("html:not(:animated),body:not(:animated)").scrollTop($('.field_photo').offset().top);
Прошу прощенья что выдрал кусок кода из своего проекта в чистом виде, времени нет много.
смысл такой:
- через .offset().top получаем отступ нужного элемента от верха страницы
- потом минусуем сколько нужно для прокрута
- потом крутим на полученное значение через .scrollTop()

Comments

[Fredd Monty]

не работает

[Полина Емельянова]

Предлагаю вам такой вот скрипт. Заодно и плавный скролл себе установите.))

$('a[data-target^="anchor"]').bind('click.smoothscroll', function() {
   $('.nav').removeClass('nav--active');
    var target = $(this).attr('href'),
        bl_top = $(target).offset().top - 40;
    $('body, html').animate({
        scrollTop: bl_top
    }, 700);
    return false;
});

bl_top = $(target).offset().top - 40; или свое число.

[Fredd Monty]

Полина Емельянова: тоже не работает

[Fredd Monty]

Станислав
как применить ваш код?