javascript - 错误的滚动 div 代码

Question

我有一个滚动的 DIV 元素，当您滚动时它会随着页面移动。滚动时有时会出错，帮助？

JS代码：

window.onload = function() {

  function getScrollTop() {
    if (typeof window.pageYOffset !== 'undefined' ) {
      return window.pageYOffset;
    }

    var d = document.documentElement;
    if (d.clientHeight) {
      return d.scrollTop;
    }

    return document.body.scrollTop;
  }

  window.onscroll = function() {
    var box = document.getElementById('box'),
        scroll = getScrollTop();

    if (scroll <= 3) {
      box.style.top = "30px";
    }
    else {
      box.style.top = (scroll + 2) + "px";
    }
  };

};

我是 JavaScript 新手。谢谢您的帮助。

Answer 1

使用带有 position:fixed 的 CSS，它不会出错。