本文共 617 字，大约阅读时间需要 2 分钟。

效果

代码

methods{

scrollEvent(e) {

        let scrollItems = document.querySelectorAll('.condition-container')         for (let i = scrollItems.length - 1; i >= 0; i--) {           // 判断滚动条滚动距离是否大于当前滚动项可滚动距离           let judge = e.target.scrollTop >= scrollItems[i].offsetTop - scrollItems[0].offsetTop           if (judge) {             this.activeClass = i             break           }         }         // 滚动条触底了         if (e.srcElement.scrollTop + e.srcElement.offsetHeight === e.srcElement.scrollHeight) {           this.activeClass = 4 - 1         }       },       getActiveClass(index) {         this.activeClass = index         let jump = document.querySelectorAll('.condition-container')         jump[index].scrollIntoView({ block: 'start', behavior: 'smooth' })       }

}