使 div 在滚动时消失

Question

我正在使用以下方法在滚动条上隐藏一个 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 会消失然后重新出现，我该如何解决这个问题？

Answer 1

您是否尝试过将 v-if="this.scrollPosition < 20" 更改为另一个值，例如 15？