模仿飞书文档右侧滑动导航栏

紫微前端

已于 2022-04-08 10:20:33 修改

阅读量712

点赞数

分类专栏：原生javascript制作各种酷炫组件文章标签： javascript

于 2022-03-31 11:08:34 首次发布

本文链接：https://blog.csdn.net/liuhao9999/article/details/123866759

版权

原生javascript制作各种酷炫组件专栏收录该内容

157 篇文章 ¥89.90 ¥99.00

订阅专栏

本文档详细介绍了如何使用JavaScript实现类似飞书文档的右侧滑动导航栏功能。通过JavaScript动态操作DOM元素，结合CSS动画效果，创建一个响应式且平滑的导航栏，使用户可以方便地在文档各部分间切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div class="page">
    <div class="model">
      <div class="mainTitle">{
  { detailObj.orgName }}周报</div>
      <div class="mainTitleDate">{
  { detailObj.title }}</div>
      <div id="a1"><h2>1.基本信息</h2></div>
      <p><label>所属中心:</label>{
  { detailObj.centerOrgName }}</p>
      <!-- <p><label>公司名称:</label>{
  { detailObj.orgName }}</p> -->
      <p><label>公司负责人:</label>{
  { detailObj

了解本专栏