简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - angular 如何动态设置最小高度
phpcn_u1582
phpcn_u1582 2017-05-15 16:58:17
0
1
761

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_u1582
phpcn_u1582

모든 응답(1)
给我你的怀抱
给我你的怀抱2017-05-15 17:00:17 1층

지시문을 작성하세요. 실제로 CSS의 flex 레이아웃을 사용하여 이 문제를 해결할 수도 있지만 처리가 더 편리합니다. 하지만 귀하의 질문에 따라 먼저 angular를 통해 어떻게 작성하는지 답변해 드리고 바로 plunk로 이동하세요. directive吧。处理比较方便，虽然其实css的flex布局也可以解决这个问题。但根据你的疑问，还是先回答你通过angular怎么写吧， 直接上plunk。

plunk

plunk 시청 방법을 배울 필요는 없습니다(과학적인 인터넷 접속 필요)🎜
좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！