第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

自己寫了一下html/css,但加上js后執(zhí)行不了,希望大家?guī)兔纯?/h1>
<!DOCTYPE?HTML>
<html>
<head>
<title>滾動欄</title>
<style?type="text/css">
*{margin:0;
??padding:0;}
a:link{color:black;text-decoration:none;}
a:visited{color:black;text-decoration:none;}
a:hover{color:red;text-decoration:none;}
.imooc{height:px;
???????width:400px;
???????margin:0?auto;
???????border:2px?solid?black;
	???border-radius:?15px;
	???position:relative;
	???top:50px;
}
.imooc?.new{background:#f05e6f;
			height:70px;
			border-top-left-radius:15px;
			border-top-right-radius:15px;
			color:#fff;
}
.imooc?.new?h1{padding:5px?0?0?8px;;

}
.imooc?.new?p{float:right;
			???margin-bottom:10px;
}
.imooc?.newclass?ul{list-style:none;
				?font-size:12px;
}
.imooc?.newclass?ul?li{padding:5px?0?5px?20px;

}				
.imooc?.newclass?ul?span{float:right;
					???padding-right:30px;
					???color:#ababab;

}
</style>
</head>
<body>
<div?class="imooc">
	<div?class="new">
		<h1>最新課程</h1>
		<p>更多>></p>
	</div>
	<div?class="newclass">
		<ul?id="con1">
			?<li><a?href="#">1.學(xué)會html5?絕對的屌絲逆襲(案例)</a><span>2013-09-18</span></li>
?????????????<li><a?href="#">2.tab頁面切換效果(案例)</a><span>2013-10-09</span></li>
			?<li><a?href="#">3.圓角水晶按鈕制作(案例)</a><span>2013-10-21</span></li>
?????????????<li><a?href="#">4.HTML+CSS基礎(chǔ)課程(系列)</a><span>2013-11-01</span></li>
?????????????<li><a?href="#">5.分頁頁碼制作(案例)</a><span>2013-11-06</span></li>
?????????????<li><a?href="#">6.導(dǎo)航條菜單的制作(案例)</a><span>2013-11-08</span></li>
?????????????<li><a?href="#">7.信息列表制作(案例)</a><span>2013-11-15</span></li>
?????????????<li><a?href="#">8.下拉菜單制作(案例)</a><span>2013-11-22</span></li>
?????????????<li><a?href="#">9.如何實(shí)現(xiàn)“新手引導(dǎo)”效果</a><span>2013-12-06</span></li>
		</ul>
		<ul?id="con2">
		</ul>
	</div>
</div>
<script?type="text/javascript">
?var?area?=?document.getElementById('newclass');
?var?con1?=?document.getElementById('con1');
?var?con2?=?document.getElementById('con2');
?var?speed?=?50;
?area.scrollTop?=?0;
?con2.innerHTML?=?con1.innerHTML;
?function?scrollUp(){
	?if(area.scrollTop?>=?con1.scrollHeight)?{
		?area.scrollTop?=?10;
		?}else{
		???area.scrollTop?++;?
		?}?
}
var?myScroll?=?setInterval("scrollUp()",speed);
area.onmouseover?=?function(){
	?clearInterval(myScroll);
	}
area.onmouseout?=?function(){
	?myScroll?=?setInterval("scrollUp()",speed);
	}
?</script>
</body>
</html>

谷歌瀏覽器報(bào)錯(cuò)為:Cannot set property 'scrollTop' of null

可能是我的css代碼有問題,但個(gè)人能力有限,希望大家?guī)臀铱聪?/p>

正在回答

3 回答

你的area獲取不到是因?yàn)橛玫膇d來獲取的,你的newclass命名的是類名,一個(gè)基礎(chǔ)問題

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

你的CSS代碼有問題,當(dāng)內(nèi)容高度大于容器高度時(shí),才會滾動,也才會有scrollTop這個(gè)屬性。你給newclass設(shè)置高度,并且讓多余的不顯示,定義overflow:hidden,就可以滾動了。

還有,getElementById()獲取的是元素的ID名,不是類名,你area是空的,獲取不到。

你把這兩點(diǎn)改了后,就可以滾動了

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

自己有重新看了下,一方面是我的newclass沒有設(shè)置高度,另一方面是newclass設(shè)置的為class,導(dǎo)致js無法調(diào)用

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

舉報(bào)

0/150
提交
取消
信息滾動效果制作
  • 參與學(xué)習(xí)       47740    人
  • 解答問題       333    個(gè)

萌妹子帶您快速學(xué)習(xí)滾動效果,掌握無縫滾動和歇間性滾動的制作方法

進(jìn)入課程

自己寫了一下html/css,但加上js后執(zhí)行不了,希望大家?guī)兔纯?/h1> 我要回答 關(guān)注問題

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號