vue文字間歇無縫向上滾動

2022-01-10 19:47:38 字數 483 閱讀 1582

公司的管理系統中有「文字間歇無縫向上滾動」的需求,現在這種需求基本在專案開發中已經消失了,沒什麼新穎的,但架不住公司高層喜歡這種玩意兒,所以,作為開發人員,即使你有一百個不樂意,誰讓是人家給你發工資呢!!!

其實,這種用在vue專案中的需求跟原生js的實現方法基本一致,且實現的方法有多種,今天就單拎出來一種實現方法吧:

export default ,,,

,,

],scrollarea: '',

speed: 20,

timer: null,

delay: 3000,

liheight: '',

};},

mounted() )

},methods: ,

scrollup()else}},

}}

就醬!

javascript 文字無縫向上滾動

靜態 style height 30px overflow hidden id marquee 第1段p 第2段p 第3段p 第4段p 第5段p div div 解釋 首先最外層是乙個高度只有30px的層,這樣大概只能顯示一行文字。然後裡面有乙個 marquee的層,這個層包含了很多段文字,高度實際...

js 無縫向上滾動

這種節奏經常用在相同布局內容多的地方,列如排行榜,新聞等地方。為了效率,在此做個筆記 王芳王芳王芳王芳王芳王芳 label 156 9707 label 護膚禮包 label span span label 留校留校留校留校 label 156 9707 label 護膚禮包護膚禮包護膚禮包護膚禮包...

無間歇文字滾動

無間歇滾動title aa link,a active,a visited moocbox con con li.conlia conlia hover style head id moocbox id con1 class con href 第一張a li href 第二張a li href 第三...