如何合并2个不同的脚本

Question

我用它来定位我的div：

$(document).ready(function (){
        $(window).resize(function (){
        $('.classname').css({
            position:'absolute',
            left: ($(window).width() - $('.classname').outerWidth())/2,
        });
    });
    $(window).resize();

});

但是在向下滚动之后，我想要坚持在顶部，所以没有定位我使用它：

$(window).scroll(function(){
if($(document).scrollTop() > 150){
$('.class name').addClass('shrink');
        }
else{
    $('.class name').removeClass('shrink');
}
});

这是缩小的CSS：

.shrink{
        top: 0;
        left: 0;
        position: fixed;
        width: 100%;
    }

有人可以帮助我，如何合并这两个脚本？

感谢

Answer 1

不知道我是否理解正确，但你可以试试这个：

CSS

.classname{
    top: 0;
    position: absolute;
}
.classname.shrink{
    left: 0 !important;
    position: fixed;
    width: 100%;
}

JS

$(document).ready(function (){
    $(window).resize(function (){
        $('.classname').css({
            left: ($(window).width() - $('.classname').outerWidth())/2,
        });
    });

    $(window).scroll(function(){
        if($(document).scrollTop() > 150){
            $('.classname').addClass('shrink');
        }
        else{
           $('.classname').removeClass('shrink');
        }
    });

    $(window).resize();
});