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

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

信息滾動(dòng)效果制作

難度初級(jí)
時(shí)長(zhǎng)39分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.63
488人評(píng)價(jià) 查看評(píng)價(jià)
9.8 內(nèi)容實(shí)用
9.6 簡(jiǎn)潔易懂
9.5 邏輯清晰

已采納回答 / 飛飛赫赫
首先你的考慮無(wú)縫滾動(dòng)的原理,就是復(fù)制一個(gè)一樣的接著上一個(gè)滾動(dòng),然后再明白scrollTop(被卷去的高度)和scrollHeight(區(qū)域高度),區(qū)域里有兩個(gè)ul他們等高并且剛好把區(qū)域高度劃分為兩半(area.scrollHeight/2),只要第一個(gè)滾到看不見(jiàn)了(area.scrollTop >= area.scrollHeight/2),就可以把第一個(gè)拉回到最底下(area.scrollTop=0)。不知道這樣的解釋你能明白嗎

已采納回答 / dinshuhon
建議嘗試 用js寫(xiě)試試?

最新回答 / qq_Mr_9
if(area.scrollTop >= area.scrollHeight/2){ ? //當(dāng)列表的滾動(dòng)高度大于等于列表的一半高度(也就是到了第二個(gè)克隆塊)?? ??? ??? ??? ? area.scrollTop =0; ? //設(shè)置列表的高度為0,因?yàn)槟菚r(shí)候克隆塊的高度也是0,所以就看不出來(lái)影響了

已采納回答 / 慕絲4635624
你好,我之前也是這么想的,后來(lái)發(fā)現(xiàn)DIV為塊狀元素,例子中css樣式中并沒(méi)有改變其POSITON屬性,所以不會(huì)重疊,而會(huì)在下方出現(xiàn)。

已采納回答 / 時(shí)辰哥
使用scrollLeft的必要條件是第一:此標(biāo)簽的內(nèi)容寬度超過(guò)了標(biāo)簽本身的寬度。這個(gè)很容易理解,如果內(nèi)容沒(méi)有超過(guò)標(biāo)簽的寬度,不需要橫向的滾動(dòng)就可以看到所有橫向的范圍,那在使用scrollLeft的時(shí)...

已采納回答 / 時(shí)辰哥
使用scrollLeft的必要條件是第一:此標(biāo)簽的內(nèi)容寬度超過(guò)了標(biāo)簽本身的寬度。這個(gè)很容易理解,如果內(nèi)容沒(méi)有超過(guò)標(biāo)簽的寬度,不需要橫向的滾動(dòng)就可以看到所有橫向的范圍,那在使用scrollLeft的時(shí)候肯定是無(wú)效的了。在這里很多新手經(jīng)常會(huì)犯一個(gè)錯(cuò)誤,內(nèi)容的大小確實(shí)是超過(guò)了標(biāo)簽的顯示范圍,但是卻因?yàn)闉g覽器的默認(rèn)屬性換行了,也就是沒(méi)有在橫向上超出,這時(shí)候同樣是不能使用scrollLeft的。第二:scrollLeft的值范圍是在一定范圍內(nèi)的,不能無(wú)限增大。當(dāng)內(nèi)容的最右端可以顯示的時(shí)候,scrollLeft便不能...

已采納回答 / 奶油面包
我遇到這個(gè)問(wèn)題是因?yàn)槟J(rèn)樣式?jīng)]有清除

已采納回答 / One_Zx
moocBox 的內(nèi)容是兩個(gè)ul (con1,con2)? moocBox的scrollTop屬性的值就是向上滾動(dòng)的像素,滾過(guò)con1的整個(gè)高度(scrollHeight)【此時(shí)con2頂著box的頂部】將con1的位置重置,由于 con1和con2內(nèi)容一樣,con1回到了初始位置 看上去就像一直在滾動(dòng)

已采納回答 / TWT
<...code...><...code...>HTML onmouseover 事件屬性 ?http://www.w3school.com.cn/tags/event_onmouseover.aspCSS :hover 選擇器 ?http://www.w3school.com.cn/cssref/selector_hover.asp

已采納回答 / BCS
你看看有沒(méi)有 ?cantin 這個(gè)ID ?要不然就是你HTML代碼結(jié)構(gòu)有問(wèn)題 ?, 可以去研究下scrollTop的具體用法

已采納回答 / PdpdPdpd
啥意思?放第一行不是先執(zhí)行這句然后再執(zhí)行setInterval里面的嗎?然后放第二行是先執(zhí)行setInterval然后再執(zhí)行這句啊,都是要執(zhí)行的呀。

已采納回答 / qq_JasonLiu_1
這是因?yàn)闈L動(dòng)高度的問(wèn)題,就是說(shuō)在執(zhí)行scrollUp函數(shù)的時(shí)候,在判斷之前,scrollTop先加一,由于這里高度是24,每次執(zhí)行要加兩次,也就是最后一次執(zhí)行完,scrollTop等于已經(jīng)24了,然后下次執(zhí)行的時(shí)候又加了一,就是25了,所以永遠(yuǎn)的都不會(huì)停下來(lái),不知道我說(shuō)清楚沒(méi)有,你可以把24改成25試試,
課程須知
1.您至少具備HTML/CSS基礎(chǔ)知識(shí); 2.您至少具備JavaSript基礎(chǔ)知識(shí);
老師告訴你能學(xué)到什么?
1.學(xué)會(huì)<marquee>標(biāo)簽及屬性,制作簡(jiǎn)單信息滾動(dòng)。 2.掌握無(wú)縫滾動(dòng)原理,運(yùn)用JavaScript實(shí)現(xiàn)效果。 3.通過(guò)設(shè)定定時(shí)時(shí)間,實(shí)現(xiàn)間歇性無(wú)縫滾動(dòng)。

微信掃碼,參與3人拼團(tuán)

微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買(mǎi)該課程,無(wú)需重復(fù)購(gòu)買(mǎi),感謝您對(duì)慕課網(wǎng)的支持!

本次提問(wèn)將花費(fèi)2個(gè)積分

你的積分不足,無(wú)法發(fā)表

為什么扣積分?

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消