使用Angularjs的粘性页脚

时间:2015-02-26 15:58:48

标签: javascript jquery angularjs

我过去通过jQuery的建议创建了粘性页脚:

http://josephfitzsimmons.com/simple-sticky-footer-using-jquery/

如何在Controller中重新创建以下代码:

var bodyHeight = $("body").height();
var vwptHeight = $(window).height();
if (vwptHeight > bodyHeight) {
    $("footer#colophon").css("position","absolute").css("bottom",0);
}

我试图将第一行换成:

app.controller('MainController', function($scope, $document) {

    var body = angular.element(document).find('body');
    console.log(body[0].offsetWidth);

然后返回一个值,但是如何计算“窗口”' ??

1 个答案:

答案 0 :(得分:0)

如评论所示,您必须使用纯CSS来粘贴页脚。但是,'window'对象可以通过服务$窗口访问 请参阅:https://docs.angularjs.org/api/ng/service/$window