本文介绍了一个AngularJS指令，用于使页面元素的高度自动适应浏览器窗口高度，并设置顶部边距为窗口高度的30%。
添加style 样式
.directive('autoHeight', ['$window', function ($window) {
return {
restrict: 'A', //属性
link: function ($scope, element) {
$scope.winowHeight = window.screen.height; //获取窗口高度
element.css('height',$scope.winowHeight + 'px');
element.css('margin-top', ($scope.winowHeight *0.3) + 'px')
}
};
}]);
return {
restrict: 'A', //属性
link: function ($scope, element) {
$scope.winowHeight = window.screen.height; //获取窗口高度
element.css('height',$scope.winowHeight + 'px');
element.css('margin-top', ($scope.winowHeight *0.3) + 'px')
}
};
}]);
扫一扫
5164
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
