Element on viewport simple jquery code

element-on-view-port.js

    $(document).on('DOMContentLoaded load resize scroll', function(){
        //Selector
        var element = 'footer';
        var top_of_element = $(element).offset().top;
        var bottom_of_screen = $(window).scrollTop() + $(window).height();

        if((bottom_of_screen > top_of_element) ){
            console.log('I am In footer')
        }
        else {
            console.log('I am out from footer')
        }
    });