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

Prevent sidebar menu from scrolling below footer

本文关键字：方滚动 滚动 脚下 侧边栏 菜单      更新时间：2023-09-26

我有一个p

和css:

.sidebar-menu {
    float: right; 
    position: relative;
    visibility: hidden;
    
}
.sidebar-content {
    color: #5bc5f2; 
    font-weight: bold; 
    position: fixed;
        top: 75px;
    
}

目前，侧边栏菜单被贴在顶部80px(这很好)，基本上我希望它在到达某个点时停止滚动。任何帮助吗?

$(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");
}}

$(document).on("scroll",function () {
        if (parseInt($(this).scrollTop()) > $("footer").offset().top-500) {
    $(".sidebar-menu").removeClass("fixed");
    $(".sidebar-menu").hide();
} else {
    $(".sidebar-menu").addClass("fixed");
   $(".sidebar-menu").show();
}}
相关文章：