jquery fixedScroll实现滚动固定章节导航效果代码-html代码-BFW代码库

jquery fixedScroll实现滚动固定章节导航效果代码

代码语言：html

代码描述：jquery fixedScroll实现滚动固定章节导航效果代码，当滚动后，右边固定住，并根据滚动位置显示切换到不同导航条上

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        * {
            margin: 0;
            padding: 0
        }

        ul {
            list-style: none
        }

        .fl {
            float: left
        }

        .fr {
            float: right
        }

        .main {
            width: 500px;
            margin: 0 auto
        }

        .usage {
            margin-bottom: 20px;
            padding: 14px;
            background-color: #efefef
        }

        .usage h3 {
            margin-bottom: 6px
        }

        pre {
            background-color: #dadada;
            padding: 8px 10px;
            border-radius: 4px;
            color: #333
        }

        .foot {
            height: 500px;
            background-color: #fcfcfc
        }
  
        li {
            margin-bottom: 20px;
            height: 600px;
            background-color: #efefef;
            border: 1px solid #dbdbdb;
            font-size: 100px;
            color: #fff;
        }

        .demo {
            overflow: hidden;
        }

        .fl {
            width: 78%;
            height: 100%;
        }

        .fr {
            width: 20%;
            height: 200px;
            background-color: #999;
        }

        .nav-item {
            display: block;
        }

        .nav-item.active {
            background: #000;
            color: #fff;
        }
        .ys {
            text-align: center
        }
        .ys a {
     .........完整代码请登录后点击上方下载按钮下载查看