Question

我的jQuery有问题。我想通过单击标题中带有“ my-name”类的按钮来滚动网站：

<header>
  <button class="my-name"></button>
</header>

到

<section class="about"></section>

我给出了相对于标题和部分的位置，并放置了高度：100vh;

这是我的jQuery代码：

const $nameBtn = $(".my-name");
const $about = $(".about").offset().top;

$nameBtn.on("click", function() {
  $("body").animate(
    {
      scrollTop: $about
    },
    1000
  );
});

我尝试使用console.log来查看我的代码是否可以正常工作。我看到了我的变量。我也尝试过使用id的类而不是类，但这没有什么区别。

我只是从jQuery开始，您有一些想法，为什么它不起作用？

Answer 1

将代码更改为

$("html, body").animate({
  scrollTop: $about
},1000);

您需要使用$('html, body')。您需要同时使用html和body来确保与某些浏览器的兼容性，因为某些浏览器在body上设置了scrollTop，而其他浏览器则在html上设置了

jQuery从按钮滚动到部分问题

1 个答案: