电梯导航怎么写？

电梯导航怎么写？

• 整体思路：点左侧菜单，点谁就找到谁对应的div，再获取这个div的offsetTop（也是到页面上边的距离），再赋值给html的scrollTop即可
• 步骤：

• • 找到所有左侧菜单，还要找到右侧所有的内容div
  • 给左侧菜单每一个加点击事件，谁被点，就让让谁被选中（排他）

• • 再找到被点的菜单对应的内容div，获取它的offsetTop，赋值给html的scrollTop

• 代码如下：

        // 1. 找到所有菜单，和找到所有内容
        let items = document.querySelectorAll('.item')
        let neirongs = document.querySelectorAll('.neirong')

        // 遍历菜单，给每个菜单加点击事件
        for (let i = 0; i < items.length; i++) {

            items[i].addEventListener('click', function () {

                // 排他，先把有active的删掉
                document.querySelector('.active').classList.remove('active')
                // 再让自己特殊
                this.classList.add('active')

                // 还要找到自己对应的div，获取它的offsetTop
                // 再赋值给html的scrollTop即可
                document.documentElement.scrollTop = neirongs[i].offsetTop
            })
        }