<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="../jquery-3.3.1.min.js"></script> <style> body{ height: 8000px; } *{ margin: 0; padding: 0; } .left,.right{ position: absolute; top: 80px; } .left{ left: 0; } .right{ right: 0; } </style> <script> $(function () { $(window).scroll(function () { var scrollTop = $(document).scrollTop(); $(".left,.right").stop().animate({"top":scrollTop+80},600); }) }) </script> </head> <body> <div class="left"><img src="1.gif" alt=""/></div> <div class="right"><img src="2.gif" alt=""/></div> </body> </html>
转载于:https://www.cnblogs.com/alex-xxc/p/9738799.html