// 獲取所有的導(dǎo)航鏈接
        const links = document.querySelectorAll('.elevator a');
        // 獲取所有的內(nèi)容區(qū)塊
        const sections = document.querySelectorAll('.section');
        // 監(jiān)聽窗口滾動(dòng)事件
        window.addEventListener('scroll', function () {
            // 獲取滾動(dòng)條的位置
            const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            // 遍歷所有的內(nèi)容區(qū)塊
            sections.forEach(function (section) {
                // 獲取內(nèi)容區(qū)塊的位置信息
                const offsetTop = section.offsetTop;
                const offsetHeight = section.offsetHeight;
                // 判斷當(dāng)前內(nèi)容區(qū)塊是否在可視范圍內(nèi)
                if (scrollTop >= offsetTop && scrollTop < offsetTop + offsetHeight) {
                    // 如果在可視范圍內(nèi)，則將對(duì)應(yīng)的導(dǎo)航鏈接設(shè)置為 active 狀態(tài)
                    links.forEach(function (link) {
                        if (link.getAttribute('href') === '#' + section.getAttribute('id')) {
                            link.classList.add('active');
                        } else {
                            link.classList.remove('active');
                        }
                    });
                }
            });
        });
        // 監(jiān)聽所有的導(dǎo)航鏈接的點(diǎn)擊事件
        links.forEach(function (link) {
            link.addEventListener('click', function (event) {
                event.preventDefault();
                // 獲取目標(biāo)內(nèi)容區(qū)塊的位置信息
                const targetId = link.getAttribute('href');
                const targetSection = document.querySelector(targetId);
                const targetOffsetTop = targetSection.offsetTop;
                // 使用動(dòng)畫滑動(dòng)到目標(biāo)內(nèi)容區(qū)塊
                window.scrollTo({
                    top: targetOffsetTop,
                    behavior: 'smooth'
                });
            });
        });

  <div class="elevator">
        <ul>
            <li><a href="#section1" rel="external nofollow" >Section 1</a></li>
            <li><a href="#section2" rel="external nofollow" >Section 2</a></li>
            <li><a href="#section3" rel="external nofollow" >Section 3</a></li>
            <li><a href="#section4" rel="external nofollow" >Section 4</a></li>
            <li><a href="#section5" rel="external nofollow" >Section 5</a></li>
        </ul>
    </div>
    <div class="section" id="section1">
        <h2>Section 1</h2>
        <p>第一塊 </p>
        <video
            src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/2366564fa6b83158208eb3181752a8d6_preview.mp4"
            autoplay muted loop></video>
    </div>
    <div class="section" id="section2">
        <h2>Section 2</h2>
        <p>第二塊 </p>
        <video src="https://img-baofun.zhhainiao.com/market/133/3760b2031ff41ca0bd80bc7a8a13f7bb_preview.mp4" autoplay
            muted loop></video>
    </div>
    <div class="section" id="section3">
        <h2>Section 3</h2>
        <p>第三塊 </p>
        <video src="https://img-baofun.zhhainiao.com/market/semvideo/3fc6cdef4427e61be69096c6ebb59a1c_preview.mp4"
            autoplay muted loop></video>
    </div>
    <div class="section" id="section4">
        <h2>Section 4</h2>
        <p>第四塊 </p>
        <video src="https://img-baofun.zhhainiao.com/market/semvideo/6ac24b3f50fda0b1a55f7ff25c6b62af_preview.mp4"
            autoplay muted loop></video>
    </div>
    <div class="section" id="section5">
        <h2>Section 5</h2>
        <p>第五塊 </p>
        <video src="https://img-baofun.zhhainiao.com/market/133/97ba6b60662ab4f31ef06cdf5a5f8e94_preview.mp4" autoplay
            muted loop></video>
    </div>

.elevator {
    position: fixed; /* 固定定位，保證電梯一直在頁(yè)面可視區(qū)域內(nèi) */
    top: 50%; /* 在頁(yè)面垂直居中 */
    right: 0; /* 在頁(yè)面右側(cè) */
    transform: translateY(-50%); /* 通過 translateY 屬性來調(diào)整位置，保證垂直居中 */
}
.elevator ul {
    list-style: none; /* 去掉列表樣式 */
    margin: 0; /* 去掉外邊距 */
    padding: 0; /* 去掉內(nèi)邊距 */
}
.elevator li {
    margin: 10px 0; /* 設(shè)置每個(gè)列表項(xiàng)的上下外邊距 */
}
.elevator a {
    display: block; /* 將鏈接轉(zhuǎn)換為塊級(jí)元素，方便設(shè)置樣式 */
    padding: 10px; /* 設(shè)置內(nèi)邊距 */
    background-color: #ccc; /* 設(shè)置背景顏色 */
    color: #000; /* 設(shè)置文字顏色 */
    text-decoration: none; /* 去掉下劃線 */
}
.elevator a.active {
    background-color: #000; /* 當(dāng)前所在樓層鏈接的背景顏色 */
    color: #fff; /* 當(dāng)前所在樓層鏈接的文字顏色 */
}
/* 頁(yè)面區(qū)塊樣式 */
.section {
    width: 90vw; /* 頁(yè)面寬度為視口寬度的90% */
    height: 110vh; /* 頁(yè)面高度為視口高度的110% */
}
.section video {
    width: 100%; /* 視頻寬度自適應(yīng)父級(jí)容器 */
    height: 90%; /* 視頻高度為父級(jí)容器高度的90% */
}