锚点总结

作者: 小贤笔记 | 来源:发表于2020-08-24 17:02 被阅读0次

方法1(推荐): scrollIntoView()

  • 给目标元素添加唯一id, 然后使用 scrollIntoView()
<div id="test" class="test">滚动到这里~</div>
handleNav(item) {
  document.querySelector('#test').scrollIntoView(true);
}

方法2: 使用a标签

  • 给目标元素添加唯一id
  • 将导航元素用a标签包裹, 并将 href 与 id 对应
<div id="test" class="test">滚动到这里~</div>
<a href="test">
  <span>按钮</span>
</a>

相关文章

  • 锚点总结

    方法1(推荐): scrollIntoView() 给目标元素添加唯一id, 然后使用 scrollIntoVie...

  • 钟表实现原理

    设置锚点前 设置锚点后

  • UGUI RectTranstrom锚点详解和坐标系

    锚点相对关系 锚点是我们用来确定UI元素的位置的,当然这个锚点是相对离自己最近的父类而言的,子类的锚点和父类的锚点...

  • 简单聊聊锚点与map标签的热点锚点

    本文聊的是锚点和热点区域的锚点 想要更详细的了解锚点可以学习 张鑫旭的技术之锚点传送门 其实锚点还算简单,是学习的...

  • 锚点(Anchor Point)和Point

    一句话总结:Point指起始点,锚点为一个比例

  • HTML锚点定位的一些感受

    基本语法 创建锚点 创建跳转连接 其中href 填写锚点的id 存在问题 一般我们的锚点跳转会直接将锚点置于视窗的...

  • Unity新手笔记(1): 矩形组件、锚点、重心点

    以前理解不到位,写的不清楚,现在重新理了一下。 每个矩形组件都有锚点和重心点。 1.锚点 对象拥有锚点,但是锚点的...

  • 锚点

    这篇文章讲的很清楚:锚点我自己写的 demo:demo

  • 锚点

    通过一对a标签定制锚点: 第一章 第一章

  • 锚点

    每个人的人生都要重要的几个锚点。这几个锚点起着关键性作用,连起来就是你现在的生活的轨迹。究竟这几个锚点连起来后是否...

网友评论

    本文标题:锚点总结

    本文链接:https://www.haomeiwen.com/subject/qabnjktx.html