滚动时隐藏VueJs中的元素

Posted 2023-02-23

【中文标题】滚动时隐藏VueJs中的元素

【英文标题】：Hide element in VueJs while scrolling

【发布时间】：2022-01-15 05:12:39

【问题描述】：

我正在制作 vue 项目。

我想在鼠标滚动时隐藏一些组件，但是当滚动结束时，想再次显示组件。 我知道使用滚动事件，但再次不显示组件。

    <div class="table" @scroll="handleScroll()">
    .....
    </div>
    ....
    <div class="table" id="sumTable">

....
    </div>
.....
    methods: 
    handleScroll() 
        $('#sumTable').hide();
    ,
  

这在vue中可以吗？

【参考方案1】：

我解决了这个问题。

            handleScroll() 
                if(this.timer !== null) 
                    clearTimeout(this.timer);
                    $("#sumTable").hide();
                
                this.timer = setTimeout(function() 
                    $("#sumTable").show();
                , 150);
            ,

应用了计时器变量。