изменить верхний отступ в зависимости от высоты заголовка, используя angularjs

Question

изменить верхний отступ в зависимости от высоты заголовка, используя angularjs

0

После этого у меня есть фиксированный заголовок и средняя часть. Когда страница изменяется или открывается на меньших экранах, высота заголовка увеличивается и, таким образом, расширяется по средней части. Я хочу динамически задавать значение padding-top способом angularjs. Я знаю, как это сделать в 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%;
}

Или есть какой-нибудь другой чистый способ сделать это.

user2696466 26 сен. 2015, в 21:55

Источник

Теги:

javascript

html

angularjs

css

1 ответ

Ещё вопросы

August Lilleaas · Answer 1 · 2015-09-26T17-15-00.000Z

Вообще-то я бы сказал, что угловой способ, а точнее "угловой способ" - сделать индивидуальную директиву и делать все, используя jQuery или все, что вы хотите :)

Просто не забудьте отменить любой пользовательский материал в событии $ destroy масштаба!

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

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

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