Javascript Jquery平滑滚动不工作，几乎尝试了所有操作

这是我写的一些代码-

      $('#go').on('click', function(e){
       e.preventDefault()
       var href = $('#go').attr('href');
       console.log(href)
       $('html, body').animate({
        scrollTop: $(href).offset().top
      }, )
  })

---

我不知道为什么会发生这种情况，非常感谢你的帮助

在

animate

函数中添加一些时间值，如

animate（（），1000）

。它们将提供平滑效果。请参见

$('#go').on('click', function(e){
       e.preventDefault()
       var href = $('#go').attr('href');
       console.log(href)
       $('html, body').animate({
        scrollTop: $(href).offset().top
      },1000 )
  })

---

在

animate

函数中添加一些时间值，如

animate（（），1000）

。它们将提供平滑效果。请参见

$('#go').on('click', function(e){
       e.preventDefault()
       var href = $('#go').attr('href');
       console.log(href)
       $('html, body').animate({
        scrollTop: $(href).offset().top
      },1000 )
  })

---

你需要看的两件事

正确编写HTML。在您的情况下，链接中必须有href，其中必须包含

检查您的id是否正确地用html编写，然后用JQ编写

$（'go'）。打开（'click'，函数（e）{
e、 预防默认值（）
var href=$（'#go'）.attr（'href'）；
$（'html，body'）。设置动画({
scrollTop:$（href）.offset（）.top
}, 1000)
})

div{
边际上限：100vh；
高度：100px；
背景：红色；
}

---

2件你需要注意的事情

正确编写HTML。在您的情况下，链接中必须有href，其中必须包含

检查您的id是否正确地用html编写，然后用JQ编写

$（'go'）。打开（'click'，函数（e）{
e、 预防默认值（）
var href=$（'#go'）.attr（'href'）；
$（'html，body'）。设置动画({
scrollTop:$（href）.offset（）.top
}, 1000)
})

div{
边际上限：100vh；
高度：100px；
背景：红色；
}

---

如果您使用的是类似Material Design lite的css框架，那么您需要使用不同的东西

    $('#go').on('click', function(e){
       e.preventDefault()
       var href = $('#go').attr('href');
       console.log(href)
       $('.mdl-layout__content').animate({
        scrollTop: $(href).offset().top
      },1000 )
  })

---

将其包装到“.mdl-layout\uu content”中，而不是“html，body”，因为它修复了它。我也遇到了同样的问题，但这解决了它：）

好吧，如果你使用的是像Material Design lite这样的css框架，那么你需要使用不同的东西

    $('#go').on('click', function(e){
       e.preventDefault()
       var href = $('#go').attr('href');
       console.log(href)
       $('.mdl-layout__content').animate({
        scrollTop: $(href).offset().top
      },1000 )
  })

---

将其包装到“.mdl-layout\uu content”中，而不是“html，body”，因为它修复了它。我也有同样的问题，但这就解决了：）

不知道为什么没有发生什么？什么不起作用？是不是滚动太慢了，什么？展示你的尝试。你的问题需要详细说明。检查我下面的答案。如果你遵循步骤，它应该对你有用。不知道为什么没有发生什么？什么不起作用？是不是滚动太慢了，什么？展示你的尝试。你的问题需要详细说明。检查我下面的答案。如果你遵循这些步骤，它应该对你有用