在前端工作中,很多頁(yè)面都需要不少動(dòng)效,今天文匯軟件的小編就來(lái)跟大家分享下文字滾動(dòng)是如何實(shí)現(xiàn)的。
首先你需要先給父級(jí)設(shè)定寬高,同時(shí)不要忘記overflow屬性。然后引入js,這里推薦cdn不易丟文件,且加載速度快,最好是使用最先版本的。然后引入scroll.js這個(gè)文件,找不到的小伙伴可以去找度娘。接下來(lái)需要自己設(shè)定js
speed為設(shè)定的滾動(dòng)速度,數(shù)值越大滾動(dòng)效果越慢。rowHeight為子元素的高度。
接下來(lái)的html的結(jié)果如下,需要的小伙伴們可以截下圖
關(guān)鍵詞: