Bubble only shows up when scrolling

Try this:

<script type="text/javascript">    
        (function($) { 
            $(document).ready(function(event){
                
                $(document.body).on('woofc_cart_loaded', function(){
                    // Hide Bubble when page load
                    var woofc_bubble = $('.woofc-count');
                    
                    if(woofc_bubble.length) {
                        
                        woofc_bubble.addClass('woofc-count-hide');

                        var lastScroll = 0;

                        $(window).scroll(function(){
                            var nowScroll = $(this).scrollTop();
                            if (nowScroll > lastScroll){
                                // Show Bubble when scrolling down
                                woofc_bubble.removeClass('woofc-count-hide');
                            }

                            lastScroll = nowScroll;
                        });
                    }
                });
            });
        })(jQuery);
    </script>