用JS代码实现点击向上滑动

最新推荐文章于 2024-09-11 11:07:15 发布

46497976464

最新推荐文章于 2024-09-11 11:07:15 发布

阅读量991

点赞数

文章标签： javascript 前端开发语言 ecmascript html

本文链接：https://blog.csdn.net/weixin_42576467/article/details/129526474

版权

以下是使用 JavaScript 实现向上滑动的代码示例：

// 获取需要滑动的元素
var element = document.getElementById("elementId");

// 获取该元素的顶部位置
var topPos = element.offsetTop;

// 点击事件监听器
element.addEventListener("click", function() {
  // 向上滑动动画
  window.scroll({
    top: topPos, 
    left: 0, 
    behavior: 'smooth' 
  });
})