간단한 스크롤 메뉴 jquery

Question

JQuery에서 페이지의 올바른 부분으로 스크롤하는 메뉴를 만드는 간단한 함수를 만들려고합니다. 스크롤 부분을 아래로 가지고 있지만 적은 코드를 사용하는 함수로 만들려고합니다. 이것은 내가 지금 가지고있는 것입니다. 6 개의 함수를 만드는 대신 1 개의 함수를 6 번 호출하고 싶습니다. 난 그냥 자바 스크립트에서 CSS 속성 같은 바보

$(document).ready(function() { 
$('#seg2').click(function(){ 
    $.fn.gaNaarPagina(2); 
}); 


$.fn.gaNaarPagina = function(number) { 
    var scrollLink = '#segment' + number; 

    $('html, body').animate({ 
       ScrollTop: $(scrollLink).offset().top}, 800); 
} 
}); 

Answer 1

되는거야 경우 자바 스크립트와 JQuery와 꽤 새로운 그래서 나에게 실례의 scrollTop 속성은 낙타 케이스 (안 파스칼 경우)되는 유일한 차이로 작성 첫 번째 문자는 낙타의 경우 소문자입니다.

ScrollTop을 scrollTop으로 전환하면 코드가 예상대로 작동합니다.

$(document).ready(function() { 
    $('#seg2').click(function() { 
     $.fn.gaNaarPagina(2); 
    }); 

    $.fn.gaNaarPagina = function (number) { 
     var scrollLink = '#segment' + number; 
     $('html, body').animate({ 
      scrollTop: $(scrollLink).offset().top 
//  Here^
     }, 800); 
    } 
}); 

JSFiddle