javascript - 防止侧边栏菜单在页脚下方滚动

Question

我有一个p

还有CSS:

.sidebar-menu {
    float: right; 
    position: relative;
    visibility: hidden;
    
}

.sidebar-content {
    color: #5bc5f2; 
    font-weight: bold; 
    position: fixed;
        top: 75px;
    
}

目前，侧边栏菜单以 80px 固定在顶部(这很好)，基本上我希望它在到达某个特定点时停止滚动。有帮助吗？

Answer 1

$(document).on("scroll",function () {
    var offsetToTop = parseInt($(this).scrollTop());
        if (offsetToTop > $("footer").offset().top-500) {
    $(".sidebar-menu").removeClass("fixed");
    $(".sidebar-menu").addClass("absolute");
    $(".sidebar-menu").css("top",offsetToTop)  
} else {
    $(".sidebar-menu").addClass("fixed");
    $(".sidebar-menu").removeClass("absolute");
    $(".sidebar-menu").removeAttr("style");
}}

在绝对类中，只需将位置设为绝对即可。