JSFiddle - React, Tailwind, and code Playground

by divad12

HTML

<div id="container">
    <div class="slider">
        <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus consectetur erat, eget vulputate felis molestie vel. Curabitur varius neque in velit aliquet sit amet pulvinar erat tristique. Donec et eros sit amet justo hendrerit venenatis. Nunc eu nisl et diam vestibulum malesuada ac sed est. Praesent a sapien tortor. Proin mauris felis, aliquam ut porttitor ut, convallis vel erat. Sed pellentesque hendrerit ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc vel urna tortor, ac aliquam mauris. Mauris adipiscing vehicula ipsum in convallis. Pellentesque purus enim, semper quis hendrerit cursus, tristique nec est. Sed dictum, enim quis pretium facilisis, diam tortor tempor quam, eget vehicula turpis lectus nec turpis. Nunc molestie libero faucibus risus malesuada condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
    </p>
    <p>
        Maecenas a diam interdum tellus pulvinar pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquet ipsum nec magna laoreet eget ornare ligula tempor. Maecenas dapibus, neque nec imperdiet rutrum, justo nibh rhoncus lorem, id accumsan tellus enim id nunc. <a name="stop" /> Curabitur vitae est ante. Suspendisse sed lorem tellus. Pellentesque sodales interdum ipsum sed fringilla. Suspendisse ullamcorper risus ut lorem pharetra ut commodo neque fringilla. Nam dolor velit, vulputate id mollis ac, bibendum vel neque. Aliquam libero dolor, bibendum nec tempor nec, semper ac odio. Proin pulvinar lorem a nisl congue pharetra.
    </p>
    <p>
    Nullam dolor mauris, facilisis varius pellentesque non, tempus et ligula. Duis nec tortor eu nulla consectetur lobortis eget in mauris. Mauris rhoncus erat a neque condimentum vehicula at id elit. Proin bibendum leo nulla, in faucibus est. Cras at nunc eros. Proin quis nisl non nibh dictum elementum nec quis...

CSS

body { 
    background-color:#ccc; 
    margin:25px;
}
#container {
    padding:10px;
    overflow:hidden;
    background-color:#fff;
    position: relative;
}
#container p {
    margin-bottom:10px;
}

JavaScript

$(function() {
    $('#container').height( $('a[name=stop]').position()['top'] );
});