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

例如我有两个高为2568PX像素的DIV框在两边,我想等用户下拉网页的时候到了这个DIV的底部时,DIV会随着页面拉动一直移动下去,是要到达底部的时候才固定显示

<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中只能写一个值了。
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-03-17
绑定window.onscroll事件,取scrolltop进行复位计算,再通过设置CSS样式实现,过程还是比较复杂的,不建议自己写,网上有现成的,你搜JS对联广告就有了
第2个回答  2012-03-26
貌似css可以;position:fixed;但是ie6不能识别这个属性;所以你还要写一个ie
6的hack。网上搜一下‘
相似回答