biginjapan
v2.1.7
Published
Match the height of an element to the height of the browser window.
Downloads
5
Readme
What it is
biginjapan.js sets the height of an element based on the height of the browser window.
Installation
biginjapan.js is available as an npm package.
npm install biginjapan --saveAdd biginjapan.min.js to the bottom of the <body> like this:
<script src="biginjapan.min.js"></script>
</body>Usage
<div data-biginjapan="true"></div>Options
Options can be passed via data attributes. Append the option name to data-biginjapan-, as in data-biginjapan-percentage="".
| Name | Type | Default | Description | |------------|----------|---------|-------------------------------------------------------------------------------------| | percentage | number | 100 | 0 - 100% | | exclude | selector | false | A valid CSS selector of an element you want biginjapan to exclude from it's height. |
Events
| Function | Description | |-------------------------|------------------------------| | BigInJapan.update() | Run after DOM has changed | | BigInJapan.pause() | Pauses resize event listener |
Browser Support
Coming soon
License
The code is available under the MIT License.