資訊專欄INFORMATION COLUMN
摘要：最開始覺得這個效果并不難實現(xiàn)，利用和計時器就可以了，但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果，反復檢查代碼，都沒問題。
最開始覺得這個效果并不難實現(xiàn)，利用scrollTop和計時器就可以了，但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果，反復檢查JS代碼，都沒問題。休息了一會兒，重新開始理清思路，從HTML代碼開始，一步一步檢查，猛然發(fā)現(xiàn)，是CSS樣式編寫有錯誤，代碼如下：
通知公告
- 西南交通大學面向海內(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
應該設置id="notice_list_content"的div寬度和高度，而不是class="notice"的div寬度和高度，調(diào)整之后，信息滾動效果成功實現(xiàn)。
完整代碼如下：
通知公告
- 西南交通大學面向海內(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://systransis.cn/yun/111597.html
摘要：最開始覺得這個效果并不難實現(xiàn)，利用和計時器就可以了，但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果，反復檢查代碼，都沒問題。 最開始覺得這個效果并不難實現(xiàn)，利用scrollTop和計時器就可以了，但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果，反復檢查JS代碼，都沒問題。休息了一會兒，重新開始理清思路，從HTML代碼開始，一步一步檢查，猛然發(fā)現(xiàn)，是CSS樣式編寫有錯誤，代碼如下： ...
摘要：最開始覺得這個效果并不難實現(xiàn)，利用和計時器就可以了，但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果，反復檢查代碼，都沒問題。 最開始覺得這個效果并不難實現(xiàn)，利用scrollTop和計時器就可以了，但是寫完代碼后卻始終不能實現(xiàn)內(nèi)容的滾動效果，反復檢查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層作為公告...
閱讀 3469·2019-08-30 13:15
閱讀 1405·2019-08-29 18:34
閱讀 832·2019-08-29 15:18
閱讀 3490·2019-08-29 11:21
閱讀 3252·2019-08-29 10:55
閱讀 3707·2019-08-26 10:36
閱讀 1875·2019-08-23 18:37
閱讀 1832·2019-08-23 16:57
