tab

// 滚动条滚动

onScroll(e) {

let scrollItems = document.querySelectorAll('.scroll-item')

for (let i = scrollItems.length - 1; i >= 0; i--) {

// 判断滚动条滚动距离是否大于当前滚动项可滚动距离

let judge = e.target.scrollTop >= scrollItems[i].offsetTop - scrollItems[0].offsetTop - 100

if (judge) {

this.tabIndex = i.toString()

// 找对应的tab-name值

this.tabName = this.tabs[this.tabIndex].refName

break

}

}

if (e.target.scrollTop === 0) {

this.tabName = this.tabs[0].refName

}

},

/**

* @description: 点击tab

*/

handleClick(tab,event) {

this.flagTest = true

console.log(tab.index,event,"点击tab")

this.idName = 'ref' + tab.index;

document.getElementById('scrollBox').scrollTop = 0;

document.getElementById('scrollBox').scrollTop = document.getElementById(this.idName).offsetTop - 150;

},