如何用JS让DIV固定在一个位置

JavaScript011

如何用JS让DIV固定在一个位置,第1张

<body>

<div id="div1" style="width:100px height:100px background:#ccc"></div>

</body>

<script>

var oDiv = document.getElementById('div1')

oDiv.style.position = 'fixed'

oDiv.style.top = '20px'

oDiv.style.left = '20px'

</script>

主要思想就是，在js中修改div的位置。所有的赋值，都可以计算后再传值，这样就不想CSS中只能写一个值了。

可以把该元素的定位设置为fixed,该元素就会始终在那个位置，不过要注意IE6下不支持固定定位，兼容IE6可以通过JS实现,不过JS实现的是滑动效果，要想在IE6下也实现固定定位那样的效果没办法做到。