biginjapan
v2.1.7
Published
Match the height of an element to the height of the browser window.
Downloads
34
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 --save
Add 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.