我想問(wèn)一下，為什么滾動(dòng)的高度大于等于con1的高度后，滾動(dòng)的高度又變?yōu)?了呢 不是還有con2的內(nèi)容可以滾動(dòng)碼
function scrollTop(){
? ? if(area.scrollTop>=con1.offsetHeight){
? ? ? ? area.scrollTop=0;
? ? }
? ? else{
? ? ? ? area.scrollTop++;
? ? }
?}
慕粉3760367
2016-10-17
2 回答
舉報(bào)
0/150
提交
取消
2016-10-17
他這個(gè)con2的內(nèi)容旨在當(dāng)你的con1的scrollTop還未到達(dá)他的長(zhǎng)度時(shí)，用來(lái)填補(bǔ)con1下面的空白，當(dāng)con1的scrollTop到達(dá)了他的長(zhǎng)度，再直接用con1的內(nèi)容替代con2的內(nèi)容來(lái)繼續(xù)顯示。
2016-10-17
為什么不能運(yùn)行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JS動(dòng)畫(huà)案例</title>
<style type="text/css">
? ? *{
? ? ? ? padding:0;
? ? ? ? margin:0;
? ? }
? ? i{list-style: none;filter:alpha(opacity=100);opacity=1;top:20px;}
? ? a{text-decoration: none;display:block;float:left;margin:20px 10px;}
? ? #move{width:300px;height:250px;margin:30px;border:2px solid #ccc;}
</style>
<script type="yundong.js"></script>
<script type="text/javascript">
? ? window.onload=function(){
? ? ? ? var omove=document.getElementById('move');
? ? ? ? var alist=omove.getElementsByTagName('a');
? ? ? ? for(var i = 0;i < alist.length;i++){
? ? ? ? ? ? alist[i].onmouseover=function(){
? ? ? ? ? ? ? var _this=this.getElementsByTagName('i')[0];
? ? ? ? ? ? startmove(_this,{top:-20,opacity:0},function(){
? ? ? ? ? ? ? ? _this.style.top=25+'px';
? ? ? ? ? ? ? ? startmove(_this,{top:20,opacity:100});
? ? ? ? ? ? }); ?
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? }
? ? }
</script>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
? ? <div id="move">
? ? ? ?<a href="#" title=""><i><img src="images/jsq1.jpg" alt=""></i><p>計(jì)算器1</p></a>
? ? ? ?<a href="#" title=""><i><img src="images/jsq2.jpg" alt=""></i><p>計(jì)算器2</p></a>
? ? ? ?<a href="#" title=""><i><img src="images/jsq3.jpg" alt=""></i><p>計(jì)算器3</p></a>
? ? ? ?<a href="#" title=""><i><img src="images/jsq1.jpg" alt=""></i><p>計(jì)算器4</p></a>
? ? ? ?<a href="#" title=""><i><img src="images/jsq2.jpg" alt=""></i><p>計(jì)算器5</p></a>
? ? ? ?<a href="#" title=""><i><img src="images/jsq3.jpg" alt=""></i><p>計(jì)算器6</p></a>
? ? </div>
? ??
</body>
</html>