Jquery wordpress content loading

Question

I have a problem with a website. I am new in javascript. I need to do that when I click on a menu item (wordpress) and then whe window is loaded, automaticaly scroll down to the content(empty) div. My javascript code not working. What should I do?

My code:

<script>
        $(".menu-item").click(function() {
            $( window ).load(function() {
                $('html, body').animate({ scrollTop: $('.content').offset().top }, 'slow');
            });
        });

</script>

The two codes working with alone, but in this version not working.

Answer 1

I do not know what you exactly want, but first you need to call window.onload and then append click event.

Like this:

<script>
        $( window ).load(function() {
            $(".menu-item").click(function() {               
                $('html, body').animate({ scrollTop: $('.content').offset().top }, 'slow');
            });
        });    
</script>