javascript - MathJax在渲染字体后扩展页面垂直高度

Question

当MathJax渲染垂直高度扩展时，我希望容器DOM的底部边距在渲染后更新(底部应该有2em边距。

我尝试添加页脚，它确实将容器从底部=0向上移动了一点，但这仍然不是我想要的。这是来自 css-tricks.com 的粘性页脚代码的摆弄。

http://jsfiddle.net/4thhsa8c/1/

我还尝试使用 MathJax 监听器附加页脚，MathJax 监听器和 $(window).load 都无法“碰撞”容器。实际上附加使页脚 float 在页面上。 (而且它不像我真正的页脚!)

MathJax.Hub.Register.StartupHook("MathZoom Ready", function() {
        var $newdiv = $("<div class='footer'/>");
        $("body").append( $newdiv );
    });
});

所以! MathJax 渲染后如何更新或保留容器 DOM 的下边距间距？

谢谢。

Answer 1

您的 jsFiddle 包括

.footer, .bodytext:after {
    height: 45;
}

我认为应该是

.footer, .bodytext:after {
    height: 45px;
}

(您缺少单位)。我不确定我完全理解您要做什么，但是当我添加单位时，这似乎确实在页面底部留下了空间。