Hello.

There is such a plugin: jquery.kinetic

I study his work principle and insides. But I can not understand what properties it changes to change the positioning of the element.

negative left does not use. margin too.

Well, at least the chrome devtools it does not display

    1 answer 1

    This plugin uses scrollLeft and scrollTop container .wrapper

    You can find out in source codes in the _inputmove function, and also if you remove the overflow: hidden; property from a container overflow: hidden;

     $('.wrapper').kinetic(); 
     .wrapper { border: solid 5px #000; height: 400px; width: 400px; overflow: scroll; } 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery.kinetic/jquery.kinetic.js"></script> <div class="wrapper"> <div id="inner"> <img src="https://davetayls.me/jquery.kinetic/lib/wembley.jpg" alt="wembley stadium" kasperskylab_antibanner="on"> </div> </div>