node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

biginjapan

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.