小编Fro*_*per的帖子

在纯 JavaScript 中滚动动画

当访问者单击锚点时,我正在尝试构建滚动动画部分。您可能会注意到变量“id”将显示 #1,这将匹配部分本身的 id 值。我怎样才能将滚动动画添加到这个 javascript 中?

var section = document.getElementsByTagName("section"),
  nav = document.getElementById("nav-bar"),
  navHeight = nav.offsetHeight,
  navAnchor = nav.querySelectorAll("li a");

for (var i = 0; i < navAnchor.length; i++) {
  var element = navAnchor[i];

  element.addEventListener("click", function(e) {
    e.preventDefault();
    var el = this,
      id = el.getAttribute("href");

    function scrollTo(element, to, duration) {
      var element = element,
        to = section + id;
      console.log(id);
      if (duration <= 0) {
        return;
      }
      var difference = to - element.scrollTop;
      var perTick = difference / duration * …
Run Code Online (Sandbox Code Playgroud)

javascript

1
推荐指数
1
解决办法
4724
查看次数

标签 统计

javascript ×1