mounted(){
const elOffsetTop = document.getElementById('advantage').offsetTop
const docScrollTop = document.documentElement.scrollTop - 230
if (elOffsetTop >= docScrollTop && elOffsetTop < (docScrollTop +
window.innerHeight) && !this.isShow) {
// 当前元素在屏幕可视范围内
// do something
window.addEventListener('scroll',this.handleScroll,true)
},
destroyed () {
window.removeEventListener('scroll', this.handleScroll, false)
},
mthods:{
handleScroll(e){
if(e.target.scrollTop >= 500 && !this.isShowService){
// do something
}
if(e.target.scrollTop >= 790 && !this.isShowCompany){
// do something
}
},
}
通过监听页面滑动距离顶部的高度来判断,执行对应动作。