摘要:最開始覺得這個效果并不難實現(xiàn),利用和計時器就可以了,但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果,反復(fù)檢查代碼,都沒問題。
最開始覺得這個效果并不難實現(xiàn),利用scrollTop和計時器就可以了,但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果,反復(fù)檢查JS代碼,都沒問題。休息了一會兒,重新開始理清思路,從HTML代碼開始,一步一步檢查,猛然發(fā)現(xiàn),是CSS樣式編寫有錯誤,代碼如下:
通知公告
- 西南交通大學(xué)面向海內(nèi)外公開招聘部分管理崗位的公告(2016年第4號) 2016-09-27
- 關(guān)于沱江河停止放水及犀浦校區(qū)人工湖水位相關(guān)情況的通報2016-09-27
- 關(guān)于組織2016年國慶“老年健身走“活動的通知2016-09-27
- 關(guān)于舉行“交通領(lǐng)域發(fā)展現(xiàn)狀及干部成長”公開課的通知2016-09-27
應(yīng)該設(shè)置id="notice_list_content"的div寬度和高度,而不是class="notice"的div寬度和高度,調(diào)整之后,信息滾動效果成功實現(xiàn)。
完整代碼如下:
通知公告
- 西南交通大學(xué)面向海內(nèi)外公開招聘部分管理崗位的公告(2016年第4號) 2016-09-27
- 關(guān)于沱江河停止放水及犀浦校區(qū)人工湖水位相關(guān)情況的通報2016-09-27
- 關(guān)于組織2016年國慶“老年健身走“活動的通知2016-09-27
- 關(guān)于舉行“交通領(lǐng)域發(fā)展現(xiàn)狀及干部成長”公開課的通知2016-09-27
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/50110.html
摘要:最開始覺得這個效果并不難實現(xiàn),利用和計時器就可以了,但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果,反復(fù)檢查代碼,都沒問題。 最開始覺得這個效果并不難實現(xiàn),利用scrollTop和計時器就可以了,但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果,反復(fù)檢查JS代碼,都沒問題。休息了一會兒,重新開始理清思路,從HTML代碼開始,一步一步檢查,猛然發(fā)現(xiàn),是CSS樣式編寫有錯誤,代碼如下: ...
摘要:最開始覺得這個效果并不難實現(xiàn),利用和計時器就可以了,但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果,反復(fù)檢查代碼,都沒問題。 最開始覺得這個效果并不難實現(xiàn),利用scrollTop和計時器就可以了,但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果,反復(fù)檢查JS代碼,都沒問題。休息了一會兒,重新開始理清思路,從HTML代碼開始,一步一步檢查,猛然發(fā)現(xiàn),是CSS樣式編寫有錯誤,代碼如下: ...
摘要:先初始化一下默認樣式單行顯示,超出隱藏固定公告欄顯示區(qū)域的高度以下為了單行顯示,超出隱藏封裝函數(shù)使用方法改變列表的值來實現(xiàn)滾動效果知識點回調(diào)函數(shù)函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。 需求 最近項目中需要實現(xiàn)公告欄滾動顯示效果如下 showImg(https://segmentfault.com/img/bVZJSE?w=400&h=53); 解決方案 1、 HTML 先建一個div層作為公告...
摘要:先初始化一下默認樣式單行顯示,超出隱藏固定公告欄顯示區(qū)域的高度以下為了單行顯示,超出隱藏封裝函數(shù)使用方法改變列表的值來實現(xiàn)滾動效果知識點回調(diào)函數(shù)函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。 需求 最近項目中需要實現(xiàn)公告欄滾動顯示效果如下 showImg(https://segmentfault.com/img/bVZJSE?w=400&h=53); 解決方案 1、 HTML 先建一個div層作為公告...
閱讀 2323·2021-10-08 10:04
閱讀 1097·2021-09-03 10:40
閱讀 1150·2019-08-30 15:53
閱讀 3309·2019-08-30 13:13
閱讀 2925·2019-08-30 12:55
閱讀 2278·2019-08-29 13:21
閱讀 1330·2019-08-26 12:12
閱讀 2755·2019-08-26 10:37