滚动栏 ie兼容

做了个滚动栏

在ff，ie8下都可用

但是在ie6，ie7下，出现一些图片超出div

郁闷。。。

查了一下，是在ie6，ie7下 sytle="overflow:hidden;" 的应用有问题

没有效果

调查后，在div中增加 sytle="position:relative; overflow:hidden;"

 

OK,滚动正常。。。

 

 

<div id="roll_div" style="position:relative;overflow:hidden;width:246px; height:300px;">
	<div id="newStore">
	</div>
	<div id="newStore2">
	</div>
</div>
     	
<script language="javascript">

var newStore = document.getElementById("newStore");
var newStore2 = document.getElementById("newStore2");
var roll_div = document.getElementById("roll_div");

var speed=30
newStore2.innerHTML=newStore.innerHTML;

var MyMar=setInterval(Marquee,speed)
roll_div.onmouseover=function() {clearInterval(MyMar)}
roll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

var new_top = 0;
var old_top = -1;
var top_flg = false;
function Marquee(){

	new_top = newStore2.offsetTop - roll_div.scrollTop;
	if(old_top != new_top) {
		old_top = new_top;
		new_top = 0;
	} else {
		top_flg = true;
	}
	

	if(top_flg) {
		
		roll_div.scrollTop-=newStore.offsetHeight;
		top_flg = false;
	}
	else{
		roll_div.scrollTop++;
	}
}
</script>