Javascript 如何应用这种缓和过渡？没有jQuery

我找到了这个脚本（我不明白）：

那么，有人能帮我纠正一下下面的脚本吗

var  elements = document.querySelectorAll('.nav li a'),
     target;
for (var i = 0; i < elements.length; i++) {
     var element = elements[i];
     element.addEventListener('click', function(e) {
          target = this.getAttribute('href');
          console.log(target);
          scrollTo(target, 2500, easeInOutQuart);
     });
}

var elements=document.querySelectorAll（'.nav li a'），
目标；
对于（var i=0；i

目标是正确的，所以我不知道为什么它不起作用

---

谢谢大家!

我建议将

span

更改如下：

<span id="toTop" onclick="myFunction();"><i class="fa fa-angle-up" aria-hidden="true"></i></span>

---

在我的示例中，我使用jQuery，因为它更容易实现：

target

是字符串，而不是位置（以像素为单位）。您需要确定目标的位置，并将其传递给

scrollTo

，而不是目标本身的名称。也许您可以使用jquery更简单的$（“html，body”）。动画（{scrollTop:0}，500）

var  elements = document.querySelectorAll('.nav li a'),
     target;
for (var i = 0; i < elements.length; i++) {
     var element = elements[i];
     element.addEventListener('click', function(e) {
          target = this.getAttribute('href');
          console.log(target);
          scrollTo(target, 2500, easeInOutQuart);
     });
}

<span id="toTop" onclick="myFunction();"><i class="fa fa-angle-up" aria-hidden="true"></i></span>

function myFunction() {
    $('html, body').animate({scrollTop:0}, 'slow');
    return false;
}