Question

我有一个固定的标题和后面的中间部分。当页面调整大小或在较小的屏幕上打开时，标题高度增加，因此在中间部分扩展。我想以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方式。

Answer 1

一般来说，我会说角度方式，或者更确切地说是“一种”角度方式，是使用jQuery或任何你想要的方式制作一个自定义指令并在那里做所有事情：）

请记住在示波器的$ destroy事件中解开任何自定义内容！

link: function (scope, element, attrs) {
    function onResize() {

    };
    window.addEventListener("resize", onResize);

    scope.$on("$destroy", function () {
        window.removeEventListener("resize", onResize);
    });
}

使用angularjs根据标题的高度更改顶部填充

1 个答案: