javascript - 单击以使用 jquery 滚动顶部一些像素

Question

我尝试在同一页面中加载特定位置。但问题是，标题固定在顶部位置，当我单击链接时，标题位于标题后面。所以我无法显示一些内容。请访问这个小提琴。你可以理解我想表达的意思。我不喜欢添加paddingand margin。

Answer 1

您可能想要更改您的HTML. id每页只能有一个。

在给定的小提琴中，你有一个重复的<div id="one">

现在，要让滚动工作，您可以执行以下操作：

$(document).ready(function(){
    $("a").click(function(e) {
        e.preventDefault();
        var hash = $(this).attr("href");
        //console.log($(hash).position().top);
        $('html, body').animate({ scrollTop: $(hash).position().top - 50 }, 200);

    });
});

这里$(hash).position().top获取div页面上的位置，然后从中减去 50（固定 div 的高度）。

这是一个小提琴 ​</p>