<!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://images2018.cnblogs.com/blog/1366070/201809/1366070-20180909193918886-453866987.gif)
![](https://images2018.cnblogs.com/blog/1366070/201809/1366070-20180909193926275-1850153945.gif)