<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script language="JavaScript">
/**
* 拉动滚动条 图片位置固定不变
*/
function test(){
var img1 = document.images[0];
var img2 = document.images[1];
var s = document.documentElement.scrollTop; //上下滚动值
img1.style.pixelTop=s+300;
img2.style.pixelTop=s+300;
}
window.onscroll=test;
</script>
</head>
<body style="height: 1280px">
<img src="image/d.jpg" style="width: 150px;height: 300px;position: absolute; top: 280px;left: 0px" id="img1">
<img src="image/d.jpg" style="width: 150px;height: 300px;position: absolute; top: 280px;right: 0px" id="img2">
</body>
</html>