scrollnav实现文章章节自动提取右侧滚动导航效果代码-html代码-BFW代码库

scrollnav实现文章章节自动提取右侧滚动导航效果代码

代码语言：html

代码描述：scrollnav实现文章章节自动提取右侧滚动导航效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>

    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/ax.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/ax-response.css">
    <style>
        #article-nav01{
            background: white;
            opacity: 0.9;
        }
    </style>
  
</head>
<body>

    <main id="article01">

        <div class="ax-padding">

            <h2>文章简介</h2>
            文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章
            <div class="ax-break"></div>
            <div class="ax-break"></div>

            <h2>下载DEMO</h2>
            为了方便用户学习和使用，本页面已经打包。
            <div class="ax-break"></div>
            <div class="ax-break"></div>

            <h2>使用方法</h2>
            使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法使用方法
            <div class="ax-break"></div>
            <div class="ax-break"></div>

            <h2>框架布局</h2>
            <ul>
                <li>
                    框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局框架布局
                </li>
              
            </ul>


            <div class="ax-break"></div>
            <div class="ax-break"></div>

            <h2>框架特点</h2>
            <ul>
                <li>框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框架特点框.........完整代码请登录后点击上方下载按钮下载查看