Jquery scroll navigere ikke til div boxes.

Hejsa

Jeg er i gang med et skoleprojekt, hvor jeg er ved at lave en one page kampagne side.
Jeg ønsker en flydende over gang når man skifter side, men pt virker menuen ikke. Den navigere ikke ned til de forskellige boxes, men flytter sig måske 500 px ned af i stedet for.
Siden kan ses her: http://mmd3e12dae42.keaweb.dk/test/index.html

Jquery koden er:

                        $(".scroll").click(function(event){
                event.preventDefault();
                var full_url = this.href;
                var parts = full_url.split("#");
                var trgt = parts[1];
                var target_offset = $("#nav_"+trgt).offset();
                var target_top = target_offset.top;
                $('html, body').animate({scrollTop:target_top}, 500);
            });

Mvh
Marc