Question

At my one page Website I added a script to make a smooth movement between the different div boxes. But then suddenly the nav stopped working. It is the last one that broke it.

<script>
$(function(){
var sections = {},
    _height  = $(window).height(),
    i        = 0;

// Grab positions of our sections 
$('.section').each(function(){
    sections[this.name] = $(this).offset().top;
});

$(document).scroll(function(){
    var pos = $(this).scrollTop();

    // Look in the sections object and see if any section is viewable on the screen. 
    // If two are viewable, the lower one will be the active one. 
    for(i in sections){
        if(sections[i] > pos && sections[i] < pos + _height){
            $('a').removeClass('active');
            $('#nav_' + i).addClass('active');
            }  
        }
    });
});




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

</script>  

Answer 1

The console shows error on line 14

$('#nav').localScroll();

Also Cannot read property 'top' of undefined error

UPDATE

Looks like there is no element by id section1

Should be nav_section1

This line

$("#"+trgt).offset();

supposed to be

$("#nav_"+trgt).offset();  OR  $('[href="#' + trgt + "]').offset()

Also make sure the element is not hidden when you get the offset() values..