4.2.0 • Published 7 years ago

equalheight.js v4.2.0

Weekly downloads
5
License
MIT
Repository
github
Last release
7 years ago

equalHeight.js

Applies the same height on all matched elements with the same vertical position. Use this jQuery-Plugin as a flexible and stable CSS flexbox alternative. Responsive Ready!

How to use

  • Install via bower: bower install equalHeight.js
  • Install via npm: npm install equalheight.js
  • Install via yarn: yarn install equalheight.js
  • Or download the jquery.equal-height.min.js directly.

Link jQuery and equalHeight.js in your document:

<script type="text/javascript" src="/path/to/jquery.js"></script>
<script type="text/javascript" src="/path/to/jquery.equal-height.min.js"></script>

Apply the plugin to your elements:

<div data-eqh>
	John Doe
</div>
<div data-eqh>
	Jane<br />
	Doe
</div>

<script type="text/javascript">
	$(document).ready(function() {
		$('[data-eqh]').equalHeight();
	});
</script>

Examples and further documentation

Examples and Documentation: floriankoerner.github.io/equalHeight.js/demo/

Compile and minify TypeScript-File

  1. Install tsd and gulp.
npm install -g tsd
npm install -g gulp
  1. Install dev dependencies
tsd install
npm install
  1. Compile and minify
gulp