向下滚动到div +一个特定的范围

Question

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

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

效果很好。这会将页面滚动到“滚动到此”div的顶部。现在问题是:我有一个菜单栏，在页面顶部有一个固定的位置。这是一种菜单栏，它停留在页面的顶部时，向下滚动。

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

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

希望你们能帮我！

Answer 1

只需将50个像素添加到scrollTop中，同时设置it.Try：

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