首页
前端开发
Javascript
JavaScript实现向上滚动效果代码

JavaScript实现向上滚动效果代码

20 次浏览 0 条评论
htm
htm

在本示例中，使用 JavaScript 实现了 向上滚动 的效果。通过简单的代码，您可以让网页中的元素平滑地 向上滚动。下面是实现此功能的代码示例：

function scrollUp() {
  window.scrollBy(0, -10);
  if (document.documentElement.scrollTop > 0) {
    requestAnimationFrame(scrollUp);
  }
}
scrollUp();

该代码通过 window.scrollBy() 方法逐步将页面向上滚动，直到页面顶部。利用 requestAnimationFrame 提高动画的流畅性。

htm 文件大小：25.17KB