0

我创建了一个函数，当 jQuery 通过 AJAX 收集新页面内容时，该函数允许将页脚附加/分离到屏幕上。然后从右侧滑入，背景是窗口的 100% 高度和宽度。唯一的事情是，当这个函数被调用时，它会根据新的内容（得到它的高度）跳到正确的大小，让它动画而不是跳来跳去会很棒。

我已经尝试创建第二个函数，当我需要它动画时可以调用它，但它不能正常工作。有没有办法做到这一点，或者这完全不可能？如果是这样，到目前为止我做得如何？任何建议将不胜感激。

当前的“跳跃”功能：

function resize() {

    //content_height has been changed to $("#content").height();
    //to collect the new content height
    if($(window).height() < $("#content").height()+291) {
        $(".full").css("height", $(".full").height()+19 + "px");
        $("#footer-wrapper").css({
            bottom: "auto",
            top: ($("#content").height()+147) + "px"
        });
        $(".bg").css("height", ($("#content").height()+272) + "px");
    } else {
        $(".full").css("height", $(window).height()-274 + "px");
        $("#footer-wrapper").css({ bottom: 0, top: "auto" });
        $(".bg").css("height", "100%");
    }
}

动画功能：

function animateResize() {
    if($(window).height() < $("#content").height()+291) {
        $(".full").animate({ height: full_height+19 + "px" });
        $("#footer-wrapper").animate({
           bottom: "auto",
           top: ($("#content").height()+166) + "px"
        });
        $(".bg").animate({ height: ($("#content").height()+291) + "px" });
    } else {
        $(".full").animate({ height: $(window).height()-274 + "px" });
        $("#footer-wrapper").animate({ bottom: 0, top: "auto" });
        $(".bg").animate({ height: "100%" });
    }
}

仅供参考，添加的像素是页眉和/或页脚的高度。

4

0 回答 0