scrolltop

I have this code: jQuery('html, body').animate({ scrollTop: jQuery(".woocommerce-breadcrumb").offset().top }, 777); But when executed it scrolls too much, how can I make it scroll by 30px less when there is no other element that I could use? Thank you