无法读取未定义的链接 href 的属性“top”

我正在通过滚动为导航中的链接创建一个活动类。

    function onScroll(event){
        var scrollPosition = $(document).scrollTop();
        $('.sticky-navigation-posts a').each(function () {
            var currentLink = $(this);
            var refElement = $(currentLink.attr("href"));
            console.log(refElement);
            if (refElement.position().top <= scrollPosition && refElement.position().top + refElement.height() > scrollPosition) {
                $('.sticky-navigation-posts .title-wrapper .post-title a').removeClass("active");
                console.log('yes!');
                currentLink.addClass("active");
            } else {
                currentLink.removeClass("active");
                console.log('no!');
            }
        });
    }

当我console.log(refElement)时，该元素被记录下来。但是如果我console.log(refElement.position().top)，则此错误将抛Cannot read property 'top' of undefined。我已经调试了一段时间了，但无法弄清楚。有什么想法吗？我也尝试过将refElement包裹在$()中。
所有这些代码都是包装在$(document).ready()函数中。