簡單的滾動菜單jquery

Question

我想用JQuery做一個簡單的函數，讓我做一個滾動到頁面正確段的菜單。得到了滾動部分，但我試圖把它變成一個功能，使用更少的代碼。這就是我現在所擁有的。而不是使6個功能，我只想調用1個功能6次。漂亮的新的JavaScript和JQuery所以請原諒我，如果我是一個蠢蛋

$(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

就像在JavaScript的CSS屬性，該屬性scrollTop寫在駝峯（不Pascal大小寫）唯一的區別是第一個字母，在camelCase中，是一個小寫字母。

如果您將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