                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /信息滾動(dòng)效果制作

為什么我的scrollTop++沒用呢

window.onload?=?function(){
		var?oGUN?=?document.getElementById("GUN")?;
		var?oUl1?=?document.getElementById("ul1")?;
		var?oUl2?=?document.getElementById("ul2")?;
		oUl2.innerHTML?=?oUl1.innerHTML?;
		oGUN.scrollTop?=?0?;
		var?timer?=?setInterval(scrollUp,50)?;

		function?scrollUp(){

			if(oGUN.scrollTop?>=?oUl1.offsetHeight){
				oGUN.scrollTop?=?0?;
			}else{
				oGUN.scrollTop++?;
				alert(oGUN.scrollTop);
			}
	????}
	}

歌與頌

2015-11-10

源自：信息滾動(dòng)效果制作 2-2

關(guān)注問題我要回答

1695

操作

收起

7 回答

L路_ZR 回答被采納 +3 積分
2015-11-11

#GUN{
?? ?height:200px;
?? ?overflow:hidden;
?? ?}

在CSS中加入這個(gè)代碼就可以了

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

歌與頌提問者

非常感謝！

2015-11-11 回復(fù) 有任何疑惑可以回復(fù)我~

湫之戀
2021-03-25

大鍋咋解決的啊，我也出現(xiàn)了這問題，就在谷歌里面沒用

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

歌與頌提問者
2015-11-11

并且由于我為GUN設(shè)置了border所以在重置判斷的時(shí)候應(yīng)該是oGUN.scrollTop >= (oUl1.offsetHeight-2)

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

歌與頌提問者
2015-11-11

在樓上大神的提醒下題主發(fā)現(xiàn)了問題的所在 scrollTop是div中的內(nèi)容向上滾動(dòng)，而不是整個(gè)div向上滾動(dòng)，所以我設(shè)置main的height和overflow沒什么意義

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

李曉健
2015-11-11

不知道樓上說的是不是你要的效果。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

歌與頌提問者
2015-11-10

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>無縫信息滾動(dòng)練習(xí)</title>
<style?type="text/css">
*{margin:0;padding:0;}
#main{
width:300px;
height:200px;
background:#c0c0c0;
border:1px?solid?black;
overflow:hidden;
}
li{
font-weight:bold;
}
</style>
<script?type="text/javascript">

window.onload?=?function(){
var?oGUN?=?document.getElementById("GUN")?;
var?oUl1?=?document.getElementById("ul1")?;
var?oUl2?=?document.getElementById("ul2")?;
oUl2.innerHTML?=?oUl1.innerHTML?;
var?timer?=?setInterval(scrollUp,50)?;

oGUN.onmouseover?=?function(){
clearInterval(timer)?;
}
oGUN.onmouseout?=?function(){
timer?=?setInterval(scrollUp,50)?;
}

function?scrollUp(){
if(oGUN.scrollTop?>=?oUl1.offsetHeight){
oGUN.scrollTop?=?0?;
}else{
oGUN.scrollTop++?;
}
???}
}

</script>
</head>

<body>
<div?id="main">
<div?id="GUN">
<ul?id="ul1">
<li>知章騎馬似乘船，眼花落井水底眠。</li>
<li>汝陽三斗始朝天，道逢麴車口流涎，</li>
<li>恨不移封向酒泉。左相日興費(fèi)萬錢，</li>
<li>飲如長鯨吸百川，銜杯樂圣稱避賢。</li>
<li>宗之瀟灑美少年，舉觴白眼望青天，</li>
<li>皎如玉樹臨風(fēng)前。蘇晉長齋繡佛前，</li>
<li>醉中往往愛逃禪。李白斗酒詩百篇，</li>
<li>長安市上酒家眠，天子呼來不上船，</li>
<li>自稱臣是酒中仙。張旭三杯草圣傳，</li>
<li>脫帽露頂王公前，揮毫落紙如云煙。</li>
<li>焦遂五斗方卓然，高談雄辯驚四筵。</li>
</ul>
<ul?id="ul2"></ul>
</div>
</div>
</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答