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

Question

我正在使用此脚本滚动到我的页面上的某个.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);
});