javascript - 使用 JavaScript 的粘性侧边栏 - 仅在指定元素之前粘性

Question

我想创建一个粘性侧边栏。但是粘性侧边栏应该只粘到侧边栏的末尾到达指定的元素。

这是我想要使用侧边栏的网页: https://digital-hacks.de/vpn-verbindung-einrichten/

您可以在 head 部分或此处查看代码。

<script>
    var sidebar = $('#sidebar-content'),
        nav = $('.sidebar-content'),
        startPosition = sidebar .offset().top,
        stopPosition = $('#abspann').offset().top - nav.outerHeight();

    $(document).scroll(function () {
        //stick nav to top of page 
        var y = $(this).scrollTop()

        if (y > startPosition) {
            nav.addClass('sticky');
            if (y > stopPosition) {
                nav.css('top', stopPosition - y);
            } else {
                nav.css('top', 0);
            }
        } else {
            nav.removeClass('sticky');
        } 
    });
</script>

如果用户向下滚动，我希望边栏附加到屏幕，如果边栏的末尾到达元素 #abspann，它应该结束。

但是我的代码出现错误:未捕获的 TypeError:$ 不是位于(索引):415 处的函数

我怎样才能让它工作？

我找到了源代码 here .

问候

Answer 1

无法添加评论，因此张贴为答案。尝试在上面的代码中用 jQuery 替换 $。希望它能解决错误。