recherche

Maison  >  Questions et réponses  >  le corps du texte

angular.js - angular 如何动态设置最小高度

html结构：

<body>
  <p id="header"></p>
  <p id="article"></p>
  <p id="footer"></p>
</body>

我想实现的是：给article动态设置一个min-height为：可见区域高度-header高度-footer高度，避免页脚出现在页面中间的情况。

我用的是angularjs，不打算引入jquery，自然无法使用$(document).ready()。

我遇到的问题有：

  1. 无法实现： 等到页面加载完成，触发函数动态设置高度。以下情况函数均未执行到(window换成document也是如此)：

    angular.element($window).ready(function() {});
angular.element($window).on('load', function() {});
angular.element($window).bind('load', function() {});
angular.element($window).onload(function() {});
$window.onload = function() {};
$scope.$on('$viewcontentloaded', function() {});

  2. 不知把这段代码放在directive里好还是放在Controller，还是什么地方。

  3. 用css直接设置最小高度，写死的情况（如：min-height: 400px）下，在屏幕较小时会出现滚动条。

或者干脆就不用这些方法，我的做法都是错的，麻烦各位不吝赐教，多谢了。

phpcn_u1582phpcn_u15822744 Il y a quelques jours766

répondre à tous(1)je répondrai

  • 给我你的怀抱

    给我你的怀抱2017-05-15 17:00:17

    Écrivez-en undirective. Le traitement est plus pratique, même si en fait la disposition flex du CSS peut également résoudre ce problème. Mais selon votre question, répondons d'abord à la façon dont vous l'écrivez via angular et passons directement à plink.

    plunkVous n'avez pas besoin d'apprendre à le regarder (nécessite un accès scientifique à Internet)

    répondre
    0
  • Annulerrépondre