Jquery scrollTop, как добавить отступ в 100px от нужного якоря?

Question

[Hoffman_ZZZ]

Добрый день.
Скажите пожалуйста как добавить отступ от #complements в 100px ? что бы был отступ от верхнего окна браузера до данного якоря

jQuery(function(){

jQuery('a.animate').on('click', function(e){
  jQuery('html,body').stop().animate({ scrollTop: jQuery('#complements').offset().top  }, 1000);
  e.preventDefault();
});

});

Answer 1

[Денис Инешин]

$('a.animate').on('click', function(e){
  var plus = $(window).innerHeight() / 100 * 25;
  $('html,body').stop().animate({ scrollTop: $('#complements').offset().top + plus  }, 1000);
  e.preventDefault();
});

Updated.

Comments

[Hoffman_ZZZ]

а если проценты?

[Денис Инешин]

Hoffman_ZZZ: проценты от чего? Учтите что .offset().top вернет значение в пикселях. Так что вы сами должны подсчитать что именно вам нужно.

[Hoffman_ZZZ]

+ 100 это это 100px; а если мне нужно отступ в 25% например, так как сайт адаптивный и на всех расширениях у меня должно быть 25 процентов отступа

[Денис Инешин]

Hoffman_ZZZ: ну дык заранее считайте. var plus = $(window).innerHeight() / 100 * 25; вот и ваши 25% от высоты переведенные в пиксели.

[Денис Инешин]

Hoffman_ZZZ: Обновил общий ответ.