我有一个固定的标题,并在其后有一个中间部分。在较小的屏幕上调整页面大小或打开页面时,页眉高度会增加,从而在中间部分扩展。我想以angularjs方式动态设置padding-top的值。我知道如何在jquery中执行此操作,但这对我来说似乎不合适。
HTML:
<div id="mainPage">
<div id="header" ng-controller="DecorpotCtrl">
</div>
<!-- End of div = header-->
<div ui-view class="mid"></div>
</div>
css:
#header {
height: auto;
z-index: 20;
background-color: white;
position: fixed;
width: 100%;
}
.mid {
height: 84%;
background-color: white;
padding-top: 5%;
}
或者还有其他任何纯CSS方式。
最佳答案
通常,我想说的是棱角方式,或更准确地说是“ a”棱角方式,是使用jQuery或您想要的任何方法来创建自定义指令并在其中执行所有操作:)
只要记住要在作用域的$ destroy事件中解开任何自定义内容!
link: function (scope, element, attrs) {
function onResize() {
};
window.addEventListener("resize", onResize);
scope.$on("$destroy", function () {
window.removeEventListener("resize", onResize);
});
}