Question

我正在尝试在网页滚动后显示典型菜单，

我想更改marginTop与页面滚动相关的位置，

$(document).ready(function(){

    $(window).scroll(function(){
        var v= $(document).scrollTop();
        console.log(v);
        if(v>50){
            $('.menu').css({'marinTop':v+'px'});
            console.log(true);
        }else{
            $('.menu').css('marginTop','50px');                        
            console.log(false);
        }
    });
});

但它不会移动吧...：s

Answer 1

下面：

$(document).ready(function(){
    $(window).scroll(function(){
        var value = $(window).scrollTop();
        if(value>+$('.menu').css('marginTop').replace(/px$/, "")) {
            $('.menu').css({'position':'fixed','top': 0});
        }else{
            $('.menu').css('position','static');                        
        }
    });
});

修正了两件事：

删除".px"（css("marginTop")返回"50px"，无法将其与数字进行比较）
您应该使用“position: fixed”而不是javascript更新的“position: absolute”

页面上的标题滚动不跟随

1 个答案: