mgn-auto-height

Implement function that automatically adjusts the specified element's height.

https://github.com/frontend-isobar-jp/mgn-auto-height


new jAutoHeight( ".j-autoheight" );

Default


<div class="col j-autoheight">
    <div>text text </div>
    <div>text text </div>
    <div>text text </div>
</div>

text text text text text text text text text text text text text text text

text text text text text text

text text text text text text text text

Option

data-target="div>p"


<div class="col j-autoheight" data-target="div>p">
    <div><p>text text</p></div>
    <div><p>text text</p></div>
    <div><p>text text</p></div>
</div>

text text text text text text text text text text text text text text text

text text text text text text

text text text text text text text text

data-target=".className"


<div class="col j-autoheight" data-target=".className">
    <div><p class="className">text text</p></div>
    <div><p class="className">text text</p></div>
    <div><p class="className">text text</p></div>
</div>

text text text text text text text text text text text text text text text

text text text text text text

text text text text text text text text

data-target=".className" data-target2=".className2"


<div class="col j-autoheight" data-target=".className" data-target2=".className2">
	<div>
		<p class="className">text text</p>
		<p class="className2">text text</p>
	</div>
	<div>
		<p class="className">text text</p>
		<p class="className2">text text</p>
	</div>
	<div>
		<p class="className">text text</p>
		<p class="className2">text text</p>
	</div>
</div>

text text text text text text text text text text text text text text text

text text text text text text text text text

text text text text text text

text text

text text text text text text text text