angular实现div盒子高度自适应
生活随笔
收集整理的這篇文章主要介紹了
angular实现div盒子高度自适应
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<body ><div my-dre></div>
</body><script>angular.module("myApp",[])//自定義一個指令.directive("myDre",function(){return{link:function($scope,Ele,Attrs){//首先獲取打開瀏覽器窗口的高度↓$scope.height=window.innerHeight//再給<div my-dre></div>添加"height=$scope.height+'px'"的樣式↓Ele.css("height",$scope.height+"px")//如果存在上下內外邊距，可以直接進行加減↓//Ele.css("height",$scope.height+margin/padding+"px")//實時監聽瀏覽器窗口的高度并賦值給"height"屬性↓window.onresize=function(){$scope.height=window.innerHeightEle.css("height",$scope.height+"px")}}}})
</script>
菜鳥一枚，大神勿噴，僅供學習參考
總結
以上是生活随笔為你收集整理的angular实现div盒子高度自适应的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： it工种分类_IT岗位中最“和谐”的两个
- 下一篇： pycharm成功但是cmd报错找不到m