$('div p').click(function(){
  var index=$(this).index();
  var scrolltop=$(this).eq(index).offset().top;
  $('html,body').stop(false).animate({scrollTop:scrolltop}, 300);
})
$(window).scroll(function(){
 var top=$(this).scrollTop()
  $('ul li').each(function(i){
   var h=$(this).offset().top;
    if(top>=h){
    	$(this).addClass('on;)
    }
  })
})