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

设置时只需将 50 像素添加到 scrollTop。试试这个：

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