<!DOCTYPE html>
<html ng-app="app">
<head>
<title>柳絮飞祭奠</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/APP-INF/plugins/angular/angular.js"></script>
</head>
<body>
<div lx-ui-auto="" height-remove="10" style="background-color: red;"></div>
</body>
<script type="text/javascript">
var app=angular.module("app",[]);
/**
* height-remove 设置窗口高度需要移除的高度值，如移除顶部导航高度50
* height-tag 设置是按height还是min-height设置高度值，height才会出现滚动条。
*/
app.directive('lxUiAuto', function($window) {
return {
restrict : 'A',
scope : {},
link : function($scope, $element, $attrs) {
if($attrs.heightTag==undefined){
$element.css("min-height", ($window.innerHeight-$attrs.heightRemove) + 'px');
}else{
$element.css($attrs.heightTag, ($window.innerHeight-$attrs.heightRemove) + 'px');
}
}
};
});
</script>
</html>[size=x-large]效果：[/size]
[img]http://dl2.iteye.com/upload/attachment/0129/3197/890d16f5-e8d9-3a3a-86d9-2297d0823fe1.png[/img]
667
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
