我点选楼层跳转，页面跳转对了，但是第一个楼层和第二个楼层高亮一样，都显示第一个楼层高亮，其他的都能对应上，而且用滚动的话就都可以对应上，这是什么问题？

css部分

<style>

        * {

            margin: 0;

            padding: 0;

        }

        body{

            height: 2000px;

        }

​

        .content-part {

            width: 800px;

            margin: 0 auto;

            margin-bottom: 30px;

            background-color: #bbb;

            font-size: 64px;

            padding: 30px;

            text-align: center;

        }

        nav {

            width: 80px;

            height: 200px;

            background-color: orange;

            position: fixed;

            right: 30px;

            top: 50%;

            margin-top: -100px;

        }

        nav ul {

            list-style: none;

        }

        nav ul li {

            width: 80px;

            height: 40px;

            text-align: center;

            line-height: 40px;

            cursor: pointer;

        }

        nav ul li.current {

            background-color: purple;

            color: white;

        }

    </style>

<!-- 楼层导航 -->

    <nav id="floornav">

        <ul id="list">

            <li data-n="新闻" class="current">新闻</li>

            <li data-n="娱乐">娱乐</li>

            <li data-n="科技">科技</li>

            <li data-n="体育">体育</li>

            <li data-n="视频">视频</li>

        </ul>

    </nav>

    <section class="content-part" style="height: 952px;" data-n="新闻">新闻栏目</section>

    <section class="content-part" style="height: 960px;" data-n="娱乐">娱乐栏目</section>

    <section class="content-part" style="height: 930px;" data-n="科技">科技栏目</section>

    <section class="content-part" style="height: 970px;" data-n="体育">体育栏目</section>

    <section class="content-part" style="height: 900px;" data-n="视频">视频栏目</section>

    <script>

        // 利用时间委托添加事件监听

        var list = document.getElementById('list');

        var contentParts = document.querySelectorAll('.content-part');

        var lis = document.querySelectorAll('#list li');

        list.onclick = function (e) {

            if (e.target.tagName.toLowerCase() == 'li') {

                // 利用getAttribute()获取不符合w3c标准的属性值

                var n = e.target.getAttribute('data-n');

                // 可以利用属性选择器(方括号选择器)来寻找带有相同data-n的content-part

                // 变量n为字符串，所以采用字符串拼接，此处字符串共有三部分

                var contentPart = document.querySelector('.content-part[data-n = ' + n + ']');

                // console.log(contentPart.offsetTop);

                document.documentElement.scrollTop = contentPart.offsetTop;

            }

        }

        // 在所有页面加载完成之后，将所有的content-part盒子的offsetTop值推入数组中

        var offsetTopArr = [];

        // 遍历所有的contentParts，将他们的净位置推入数组

        for (var i = 0; i < contentParts.length; i++) {

            offsetTopArr.push(contentParts[i].offsetTop);

        }

        // 为了最后一项方便比较，推入一个无穷大

        offsetTopArr.push(Infinity);

        console.log(offsetTopArr);

        // 定义一个全局变量作为当前楼层号      节流,减小浏览器压力

        var nowFloor = 0;

        // 窗口卷动

        window.onscroll = function () {

            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

            // 遍历offsetTopArr数组，看看当前的scroolTop在哪两个楼层之间

            for (var i = 0 ; i < offsetTopArr.length ; i++){

                if (scrollTop >= offsetTopArr[i] && scrollTop < offsetTopArr[i+1]){

                    break;

                }

            }

            console.log(scrollTop)

            // 遍历结束后，i是几就在哪个楼层

            // 如果当前所在楼层不是i，表示换楼了

            if (nowFloor != i){

                console.log(i)

                nowFloor = i ;

                // 设置下标为i的项有current

                for (var j = 0 ; j < lis.length ; j++){

                    // 让全局变量改变为当前楼层号

                    if (j == i){

                        lis[j].className = 'current';

                    } else {

                        lis[j].className = '';

                    }

                }

            }

        }

    </script>