How does JQUERY scroll a long picture and move the mouse up to stop scrolling?

Total several tags

<div class="box">
    <div class="img"><img src="" /></div>
</div>
<div class="box">
    <div class="img"><img src="" /></div>
</div>
<div class="box">
    <div class="img"><img src="" /></div>
</div>

in which box has a height of only 100px, which exceeds hiding, while img has a height of 1000px.At present, the effect you want to achieve is that each of the three pictures automatically scrolls up and down infinitely , and the mouse moves over the picture and stops scrolling. May I ask how to achieve it? Thank you very much! ~

Mar.18,2021

you can quote slider.js to do

with jq.

in fact, this effect can be achieved without js

  https://codepen.io/caocong/pe.

Menu