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! ~

Jquery
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.

Previous: Check selenium does not return content

Next: Bug of selenium headless browser in python

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-41f963e-945.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-41f963e-945.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?