https://github.com/anthonychu/angular-fill-height-directive

A directive to change the height of a div or other block element to fill the height of window
https://github.com/anthonychu/angular-fill-height-directive

Last synced: 12 months ago
JSON representation

A directive to change the height of a div or other block element to fill the height of window

• Host: GitHub
• URL: https://github.com/anthonychu/angular-fill-height-directive
• Owner: anthonychu
• License: mit
• Created: 2014-06-22T06:25:28.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2018-08-31T14:30:10.000Z (almost 8 years ago)
• Last Synced: 2025-04-13T04:04:15.370Z (about 1 year ago)
• Language: JavaScript
• Size: 11.7 KB
• Stars: 21
• Watchers: 2
• Forks: 9
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Angular fill-height directive

====

Angular directive to change the height of a div to fill the available space in the window.

Usage

----

Add `fill-height` directive to any block element.

Optional

* To specify the id of an element (such as a footer) whose height should be included in the calculation, use the `footer-element-id` attribute.

* To specify an additional padding amount to use in the height calculation, add a `additional-padding` attribute.

* To specify a debounce wait time in ms (default 250ms), add `debounce-wait` attribute. Use a wait time of 0 to disable.

Example

    


        content goes here

    


Live demo: [anthonychu.github.io/angular-fill-height-directive/demo/](http://anthonychu.github.io/angular-fill-height-directive/demo/)