add fade out effect to element on scroll

code-block.js

jQuery(function( $ ){
    
    var element = $( ".element-class" );

	function fade_element() {
			window_scroll = $(this).scrollTop();
			element.css({
				  'opacity' : 1-(window_scroll/300),
                  'transform' : "translate(0,"+ +(window_scroll/2) + "px)" });  
			});
	}
    
	$(window).scroll(function() { 
        fade_element(); 
    });
    
});