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属性是用Camel Case编写的（不是 Pascal case ）唯一的区别是第一个字母，在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

简单的滚动菜单jquery

1 个答案: