向下滚动到div +一定的余量

我正在使用此脚本滚动到我的页面上的某个.div：

$(".button").click(function() { $('html, body').animate({ scrollTop: $(".scrolltothis").offset().top }, 500); }); 

完美的工作。 这会将页面滚动到“scrolltothis”div的顶部。 现在问题是：我有一个菜单栏，页面顶部有一个固定的位置。 当向下滚动时，这是一种位于页面顶部的菜单栏。

因此，当脚本向下滚动到“scrolltothis”div时，div的一部分落在菜单栏后面。

我需要的是一种告诉浏览器向下滚动到“scrolltothis div”+向下50像素的方法，以便该div在菜单栏下完全可见。

希望你们能帮助我！

Answer 1

只需在设置它时向scrollTop添加50个像素。试试这个：

 $(".button").click(function() { $('html, body').animate({ scrollTop: $(".scrolltothis").offset().top + 50; }, 500); });