JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jfmdev.github.io/jqScrollAnim/jqscrollanim-1.1.min.js"></script>
<p>Scroll down in order to see the animation</p>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="stake_element">I'm the stake</div>
<div id="some_element">
    <h2>Some element</h2>
    <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. 
    Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus 
    senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod 
    consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus 
    placerat per.</p>
</div>
<br/>
<div id="another_element">
    <h2>Another element</h2>
    <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. 
    Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus 
    senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod 
    consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus 
    placerat per.</p>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

JavaScript

// Invoke jqScrollAnim method when the page is loaded.
jQuery(document).ready(function() {
    jQuery("#some_element").jqScrollAnim({
        rep: {start: -200, end: -100,unit: "%", ref:'upper-top'},
        animation: {type: 'integer', property:'padding-left', start:0, end:50, unit:'px'},
        stake: "#stake_element"
    });
    
    jQuery("#another_element").jqScrollAnim({
        rep: {start: -200, end: -100, ref:'upper-top'},
        animation: {type: 'integer', property:'padding-left', start:0, end:50, unit:'px'},
        stake: "#stake_element"
    });
});