找回密码
 立即注册
快捷导航

[Html/Css/JS] a标签锚点跳转添加平滑滚动动画,点击页面置顶、滑动动画

[复制链接]
大郎 2024-4-2 19:22:40 | 显示全部楼层
本帖最后由 大郎 于 2024-4-2 19:26 编辑

a标签锚点跳转添加平滑滚动动画

<style>
html{
    scroll-behavior: smooth;
}
</style>

点击页面置顶、滑动动画

const btnScrollTop = document.querySelector(".scrolltop");
btnScrollTop.addEventListener('click', ()=>{
    window.scrollTo({
        top: '0px',
        behavior: 'smooth'
    });
});
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

温馨提示

关于 注册码 问题

      由于近期经常大量注册机器人注册发送大量广告,本站开启免费入群领取注册码注册网站账号,注册码在群公告上贴着...

关于 注册码 问题

      由于近期经常大量注册机器人注册发送大量广告,本站开启免费入群领取注册码注册网站账号,注册码在群公告上贴着...

Archiver|手机版|小黑屋|DLSite

GMT+8, 2024-11-22 19:36

Powered by Discuz! X3.5 and PHP8

快速回复 返回顶部 返回列表