框架导航：点击右边导航，页面自动定位到固定位置

最新推荐文章于 2024-04-25 20:22:48 发布

前端小云儿

最新推荐文章于 2024-04-25 20:22:48 发布

阅读量420

点赞数

分类专栏：前端静态页面以及逻辑文章标签：前端 javascript html

本文链接：https://blog.csdn.net/jieweiwujie/article/details/128232884

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 17 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文介绍一种前端技术，通过点击右侧导航，使左侧页面内容自动滚动到相应位置。例如，点击导航4，页面会滚动到第4部分内容；点击导航6，则滚动到第6部分内容。此功能提升了用户体验，方便快速浏览。

摘要由CSDN通过智能技术生成

1比如点击右边4 ，左边页面就会定位到4的位置；点击右边6 ，左边页面就会定位到6的位置

<template>
  <div>
    <div style="border: 1px solid red; margin: 40px">
      <div id="div0" style="margin: 400px 10px; border: 1px solid">
        表单和表格一起校验写法0001
      </div>
      <div id="div1" style="margin: 400px 10px; border: 1px solid">
        表单和表格一起校验写法0002
      </div>
      <div id="div2" style="margin: 400px 10px; border: 1px solid">
        表单和表格一起校验写法0003
      </div>
      <div id&