css和 js 改变html里面的定位。（三种方式）

		<style type="text/css">#div1{border: 1px aquamarine solid;/*固定定位：此元素在整个网页的位置不变,固定某处不动*/position : fixed;left: 20px;top: 10px;}#div2{/*相对定位：相对某个元素是定位的*/border: 1px pink solid;position : relative;			left: 20px;top :50px;}#div3{/*绝对定位，感觉和fixed 没太大区别，用js也可将其固定一处*/border: 1px burlywood solid;position: absolute;left: 20px;top: 70px;}</style>

js代码改变图片固定

<script type="text/javascript">window.onscroll  = function(){var div3 = document.getElementById("div3");//滚动条滚了多少var top = document.documentElement.scrollTop;//100 是原来css设置的高度div3.style.top = 100 + top + "px";}/*凡是通过css设置样式的，js也可实现但要注意以下 ：*1， 驼峰属性* .style.backgroundImage = "url('')";*2，没有横线*3，后面一样跟具体值。* */</script>