亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

同樣的js代碼,需要在頁面加載之后執行,放在body底部就能實現,但是設置外部js文件就不行?

<script>

var content = document.getElementById("content");

var liHeight = 34; //因為設置了li與li之間的間距是10px,所以是34px。

//alert(content.innerHTML);

content.innerHTML += content.innerHTML;

content.scrollTop = 0;

var time;


function startMove(){

content.scrollTop++;

time = setInterval("scrollUp()",50);

}

function scrollUp(){

if(content.scrollTop % liHeight == 0){

clearInterval(time);

setTimeout("startMove()",2000);

}else{

content.scrollTop++;

if(content.scrollTop >= content.scrollHeight/2){ //scrollHeight是元素完整高度,offsetHeight是元素可見部分高度

content.scrollTop = 0;

}

}

}

setTimeout("startMove()",2000);

</script>

放在body底部可以執行,但是設置一個外部js文件,把所有代碼寫在window.onload = function{ }中報錯,說startMove沒有定義?

正在回答

1 回答

因為onload事件處理函數執行結束之后,其內部定義的屬性和方法也就無法再訪問了,而且,結尾處的“setTimeout()”方法傳入的第一個參數是一句調用方法的代碼,而不是一個匿名內部方法。

嘗試一下,把startMove()和scrollUp()抽取出來,不要在onload事件的處理方法中定義,onload事件處理方法只用來執行“setTimeout("startMove()",2000);”,開啟滾動效果。

或者,把“scrollUp()”定義為“startMove()”中的匿名內部方法,之后再把startMove()定義為“setTimeout()”中的匿名內部方法。

希望對你有幫助!

2 回復 有任何疑惑可以回復我~
#1

Cancer_Scorpio 提問者

嗯嗯,把函數抽取出來就可以實現了,非常感謝!
2016-09-06 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
信息滾動效果制作
  • 參與學習       47740    人
  • 解答問題       333    個

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

進入課程

同樣的js代碼,需要在頁面加載之后執行,放在body底部就能實現,但是設置外部js文件就不行?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號