首页 > 其他分享 >使用a标签锚点实现顺滑效果

使用a标签锚点实现顺滑效果

时间:2022-08-18 21:25:56浏览次数:53  
标签:标签 smooth 锚点 behavior 使用 顺滑

 

 

scroll-behavior:smooth;//使用该方法使用a标签锚点的时候会实现平滑

  

xxx.scrollIntoView({
   behavior: "smooth"     
})

  

标签:标签,smooth,锚点,behavior,使用,顺滑
From: https://www.cnblogs.com/xiaohanxqh/p/16600130.html

相关文章

  • 若依 | 点击顶部 tag 标签不自动刷新
    需求场景之前:只要点击若依顶部的标签,页面都会自动刷新。问题:A页面有查询结果,切换到B页面查看信息,再切回A页面,则A页面的查询结果不会保留。需求:点击标签,页面不自......
  • iframe标签存取token的问题
    需求:在a项目中嵌套b项目的b1页面,使用iframe实现页面嵌套,但是token不共享的情况下如何存取token正常访问B1页面。实现:后台提供不需要输入用户名密码的接口,跑定时任务可......
  • code::blocks 编辑标签(editor tab)路径太长问题,修改后只显示文件名
    code::blocks安装后有一个比较烦人的问题,就是打开文件都是显示相对路径,导致文件多了路径太长,文件之间不好切换。 修改前:   修改后:   解决方案:Setting-......
  • JSTL概述、JSTL常用标签
    JSTL概述概念:JavaServlerPagesTagLibrary标准标签库是开源免费的jsp标签作用:用于简化和替换jsp页面上的java代码使用步骤:导入jstl相......
  • HTML 模板里面几个标签的含义
    HTML模板里面几个标签的含义告诉浏览器使用HTML的版本,以下表明是H5版本<!DOCTYPEhtml>告诉浏览器,这是英文页面。'zh'或者'zh-cn'代表中文<htmllang="en......
  • 标签页
    如何更改新标签页扩展程序搜索newtabredirect设置启动时点击选项输入指定网站书签在新窗口打开用ctrl点书签......
  • link标签rel属性
    1.manifestmanifest是HTML5引入的应用程序缓存,即在没有网络的情况下可以进行访问,.webmanifest是约定俗成扩展名,返回文件内容类型需要是:Content-Type:application/manife......
  • JSP指令导入标签库、JSP指令导入注释
    JSP指令导入标签库includ:页面包含的,导入页面的资源文件ttavlib:导入资源  JSP指令导入注释1,html注释:<!---->:只能注释html代码片段2,......
  • 俄罗斯联邦发布第1249号法令简化进口和标签要求
    2022年7月22日,俄罗斯联邦政府发布了第1249号法令“关于353号法令附件18的修正”,该法令已于发布后立即生效。该法令简化对于产品的进口和标签要求,要点如下:1.适用于EAEUEAC......
  • HTML4与HTML5中label标签的不同用法
    label标签:用来将文字和单选或者多选按钮进行绑定。 html4中label标签需要通过for和id配合使用:<inputtype='radio'id='nan'/><labelfor='nan'>男</label> html......