[英]Making a div disappers on scroll
我正在使用以下方法在滾動條上隱藏一個 div。
我的股利:
<div v-if="this.scrollPosition < 20" class="container mt-3 serious">
<h2>This is a big title</h2>
</div>
我使用的方法:
const app = new Vue({
el: '#app',
data: {
scrollPosition: null
},
methods: {
updateScroll() {
this.scrollPosition = window.scrollY
}
},
mounted() {
window.addEventListener('scroll', this.updateScroll);
}
})
我的問題是,如果我緩慢滾動,div 會消失然后重新出現,我該如何解決這個問題?
您是否嘗試過將 v-if="this.scrollPosition < 20" 更改為另一個值,例如 15?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.