摘要:最開(kāi)始覺(jué)得這個(gè)效果并不難實(shí)現(xiàn),利用和計(jì)時(shí)器就可以了,但是寫完代碼后卻始終不能實(shí)現(xiàn)內(nèi)容的滾動(dòng)效果,反復(fù)檢查代碼,都沒(méi)問(wèn)題。
最開(kāi)始覺(jué)得這個(gè)效果并不難實(shí)現(xiàn),利用scrollTop和計(jì)時(shí)器就可以了,但是寫完代碼后卻始終不能實(shí)現(xiàn)內(nèi)容的滾動(dòng)效果,反復(fù)檢查JS代碼,都沒(méi)問(wèn)題。休息了一會(huì)兒,重新開(kāi)始理清思路,從HTML代碼開(kāi)始,一步一步檢查,猛然發(fā)現(xiàn),是CSS樣式編寫有錯(cuò)誤,代碼如下:
應(yīng)該設(shè)置id="notice_list_content"的div寬度和高度,而不是class="notice"的div寬度和高度,調(diào)整之后,信息滾動(dòng)效果成功實(shí)現(xiàn)。
完整代碼如下:
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/80530.html
摘要:信息滾動(dòng)效果學(xué)習(xí)函數(shù)實(shí)現(xiàn)信息滾動(dòng)相關(guān)知識(shí)點(diǎn)滾動(dòng)的方式表示在兩端之間來(lái)回滾動(dòng)。表示由一端滾動(dòng)到另一端,會(huì)重復(fù)。間歇性向上滾動(dòng)效果展示將樣式中的盒子高度設(shè)置成單行高本例為則顯示一行,并間歇性向上滾動(dòng),效果展示 信息滾動(dòng)效果學(xué)習(xí) marquee函數(shù)實(shí)現(xiàn)信息滾動(dòng) 相關(guān)知識(shí)點(diǎn): 1.behavior滾動(dòng)的方式 alternate:表示在兩端之間來(lái)回滾動(dòng)。 scroll:表示由一端滾動(dòng)到另一端,會(huì)...
摘要:最開(kāi)始覺(jué)得這個(gè)效果并不難實(shí)現(xiàn),利用和計(jì)時(shí)器就可以了,但是寫完代碼后卻始終不能實(shí)現(xiàn)內(nèi)容的滾動(dòng)效果,反復(fù)檢查代碼,都沒(méi)問(wèn)題。 最開(kāi)始覺(jué)得這個(gè)效果并不難實(shí)現(xiàn),利用scrollTop和計(jì)時(shí)器就可以了,但是寫完代碼后卻始終不能實(shí)現(xiàn)內(nèi)容的滾動(dòng)效果,反復(fù)檢查JS代碼,都沒(méi)問(wèn)題。休息了一會(huì)兒,重新開(kāi)始理清思路,從HTML代碼開(kāi)始,一步一步檢查,猛然發(fā)現(xiàn),是CSS樣式編寫有錯(cuò)誤,代碼如下: ...
摘要:最開(kāi)始覺(jué)得這個(gè)效果并不難實(shí)現(xiàn),利用和計(jì)時(shí)器就可以了,但是寫完代碼后卻始終不能實(shí)現(xiàn)內(nèi)容的滾動(dòng)效果,反復(fù)檢查代碼,都沒(méi)問(wèn)題。 最開(kāi)始覺(jué)得這個(gè)效果并不難實(shí)現(xiàn),利用scrollTop和計(jì)時(shí)器就可以了,但是寫完代碼后卻始終不能實(shí)現(xiàn)內(nèi)容的滾動(dòng)效果,反復(fù)檢查JS代碼,都沒(méi)問(wèn)題。休息了一會(huì)兒,重新開(kāi)始理清思路,從HTML代碼開(kāi)始,一步一步檢查,猛然發(fā)現(xiàn),是CSS樣式編寫有錯(cuò)誤,代碼如下: ...
摘要:先初始化一下默認(rèn)樣式單行顯示,超出隱藏固定公告欄顯示區(qū)域的高度以下為了單行顯示,超出隱藏封裝函數(shù)使用方法改變列表的值來(lái)實(shí)現(xiàn)滾動(dòng)效果知識(shí)點(diǎn)回調(diào)函數(shù)函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。 需求 最近項(xiàng)目中需要實(shí)現(xiàn)公告欄滾動(dòng)顯示效果如下 showImg(https://segmentfault.com/img/bVZJSE?w=400&h=53); 解決方案 1、 HTML 先建一個(gè)div層作為公告...
摘要:先初始化一下默認(rèn)樣式單行顯示,超出隱藏固定公告欄顯示區(qū)域的高度以下為了單行顯示,超出隱藏封裝函數(shù)使用方法改變列表的值來(lái)實(shí)現(xiàn)滾動(dòng)效果知識(shí)點(diǎn)回調(diào)函數(shù)函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。 需求 最近項(xiàng)目中需要實(shí)現(xiàn)公告欄滾動(dòng)顯示效果如下 showImg(https://segmentfault.com/img/bVZJSE?w=400&h=53); 解決方案 1、 HTML 先建一個(gè)div層作為公告...
閱讀 2833·2023-04-26 01:00
閱讀 763·2021-10-11 10:59
閱讀 2984·2019-08-30 11:18
閱讀 2684·2019-08-29 11:18
閱讀 1023·2019-08-28 18:28
閱讀 3019·2019-08-26 18:36
閱讀 2138·2019-08-23 18:16
閱讀 1072·2019-08-23 15:56