我有一个固定的标题,并在其后有一个中间部分。在较小的屏幕上调整页面大小或打开页面时,页眉高度会增加,从而在中间部分扩展。我想以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);
    });
}

10-05 20:44
查看更多