比如想要一个这样的效果:
表单有一个提交按钮,当这个提交按钮滚出屏幕之外的时候,在底部出现一个按钮
mounted() {
window.addEventListener('scroll', this.handleScroll, true);
},
updated() {
this.offsetTop = document.querySelector('#lijitest').offsetTop; //某个位置距离顶部的距离
},
methods:{
handleScroll() {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
//当滚动条的长度大于指定的位置到顶部的距离时
if (scrollTop > this.offsetTop) {
this.visible = true; //显示底部按钮
} else {
this.visible = false; //隐藏底部按钮
}
}
}