Question

我尝试在同一页面中加载特定位置。但问题是，标题固定在位置顶部，当我点击链接时，标题位于标题后面。所以我无法展示一些内容。请访问此Fiddle。你可以理解我想说的话。我不想添加padding和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的高度）。

这是fiddle

点击滚动使用jquery滚动一些像素

1 个答案: