弹窗至下往上弹出

Posted 2020-10-31 独行的心

$(document).ready(function() {

  //进入页面后有3秒间隔才弹出弹窗，
    setTimeout(function(){
        $("#c_swt").slideDown(1000);
    },3000);

//点击关闭的动画效果，是自上而下淡出的
    $(".close1").on("click",function(){
            $("#c_swt").stop().animate({top:"100%"},1000,function(){
                $("#add_wx").hide();
                $("#liudian").show();
                setTimeout(function(){
                    $("#c_swt").animate({top:"0"},1000);
                },5000);  //关闭了再次弹出
            });
        });

}）；

光是这一段代码是没法实现至下而上的效果。需要在"#c_swt"盒子定位，position：fixed;bottom:0;或是position:absolute;bottom:0;