簡體   English   中英

使 div 在滾動時消失

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM