技能栏未加载错误消息：无法读取未定义的属性“top”

Question

我正在尝试使用HTML，CSS，JS和animate.css为“技能栏”制作动画。我收到了错误：

  

错误反馈：未捕获的TypeError：无法读取未定义的属性“top”。

我使用的是网格系统而不是bootstrap

var skillBarTopPos = jQuery('.skillbar').position().top; 
jQuery(document).scroll(function(){
    var scrolled_val = $(document).scrollTop().valueOf(); 
    if(scrolled_val>skillBarTopPos-250) 
        startAnimation();
});
function startAnimation(){ 
    jQuery('.skillbar').each(function(){
        jQuery(this).find('.skillbar-bar').animate({ 
            width:jQuery(this).attr('data-percent')
        },6000);
    });
};