layui 网站中这个悬浮目录是怎么实现的？

https://www.layui.site/doc/element/layout.html

html 锚点了解一下如果只是悬浮那固定定位即可。如果实现点击跳转到对应位置，html锚点可以实现

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .box {
      width: 50px;
    }

    .ml {
      position: fixed;
      right: 20px;
      top: 260px;
      border: 1px solid red;
      width: 200px;
      height: 150px;
    }

    /* ul{
      list-style: none;
    } */
    ul>li {
      width: 100%;
      height: 40px;
      line-height: 40px;

    }
    .vv{
           /* margin-top:800px ; */
    }
  </style>
</head>

<body>
  <div class="box">
   
    88888888888888888888888888888888888888888899
    999999999999999999999999999999999999999999999
    99999999999999999999999999999999999999999999999
    9999999999999999999999999999999
    88888888888888888888888888888888888888888899
    999999999999999999999999999999999999999999999
    99999999999999999999999999999999999999999999999
    9999999999999999999999999999999
    88888888888888888888888888888888888888888899
    999999999999999999999999999999999999999999999
    99999999999999999999999999999999999999999999999
    9999999999999999999999999999999
    88888888888888888888888888888888888888888899
    999999999999999999999999999999999999999999999
    99999999999999999999999999999999999999999999999
    9999999999999999999999999999999
    88888888888888888888888888888888888888888899
    999999999999999999999999999999999999999999999
    99999999999999999999999999999999999999999999999
    9999999999999999999999999999999
    88888888888888888888888888888888888888888899
    999999999999999999999999999999999999999999999
    99999999999999999999999999999999999999999999999
    9999999999999999999999999999999
    88888888888888888888888888888888888888888899
    999999999999999999999999999999999999999999999
    99999999999999999999999999999999999999999999999
    9999999999999999999999999999999
    88888888888888888888888888888888888888888899
    999999999999999999999999999999999999999999999
    99999999999999999999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    9999999999999999999999999999999
    <div class="vv">
      <a name="001" id="001">001 </a>
    111111111111111111111111111111111111111111
    111111111111111111111111111111111111111111
    11111111111111111111111111111111111111
    </div>
  </div>
  <div class="ml">
    <ul>
      <li> <a href="#001">跳到001</a></li>
      <li>444</li>
    </ul>
  </div>
</body>

</html>

https://blog.csdn.net/ddwddw4/article/details/106145196/

悬浮？固定定位吗？position:fixed;

想实现这个悬浮的效果，悬浮出现的时候有个动画效果，然后点击目录这个两个字的时候可以拖动，layui 里没有找到这个相关的控件教程，麻烦指导一下



```html
<div class="layui-layer layui-layer-page layui-layer-dir" id="layui-layer1" type="page" times="1" showtime="0" contype="object" style="z-index: 19891015; position: fixed; top: 366.5px; left: 1218px; margin-left: -15px;"><div class="layui-layer-title" style="cursor: move;">目录</div><div id="" class="layui-layer-content"><ul class="site-dir layui-layer-wrap" style="display: block;">
  <li><a href="#get"><cite>获得 layui</cite></a></li>
  <li><a href="#quickstart"><cite>快速上手</cite></a></li>
  <li><a href="#classical"><cite>何为「经典」</cite></a></li>
  <li><a href="#modules"><cite>建立模块入口</cite></a></li>
  <li><a href="#extmodules"><cite>管理扩展模块</cite></a></li>
</ul></div><span class="layui-layer-setwin"></span><span class="layui-layer-resize"></span></div>

type="page" times="1" showtime="0" contype="object" 这段代码是layer相关的内部属性吗？怎么使用这些
```

layui 网站中 这个悬浮目录 是怎么实现的？

layui 网站中这个悬浮目录是怎么实现的？