向下滚动到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);
});