欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

Angularjs自定义指令计算浏览器高度

程序员文章站 2022-06-12 11:05:48
...
<!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>


效果：

Angularjs自定义指令计算浏览器高度 博客分类： AngularJS  
  • Angularjs自定义指令计算浏览器高度 博客分类： AngularJS  
  • 大小: 14.1 KB

上一篇： 如何运用PHP关联数组查询结果

下一篇： 通过HSODBC访问mysql的实现步骤_MySQL

推荐阅读