Run ScrollTop with offset of element by ID

Question

Trying to make the browser scroll to a specific ID with an added offset -

$(\'html, body\').animate({scrollTop: $(\'#contact\').offset().top}, \'slow\');
         


        

Answer 1

No magic involved, just subtract from the offset top of the element

$('html, body').animate({scrollTop: $('#contact').offset().top -100 }, 'slow');