vue 實現滾動公告思路：
1. 固定顯示區域的高度，超出隱藏，
2. 絕對定位，使用transition過渡效果改變top值設定為顯示區域高度的倍數，
3. 必不可少的定時器setinterval設定每條資訊顯示多長時間
4. v-for迴圈出要顯示的資訊
5. v-bind:class繫結過渡效果的類名，當最後一條資訊跳轉到第一條資訊的時候去掉過渡效果的類名
先上效果圖
html部分
最新戰報
後來小夥伴提供了另外一種方式
vue實現訊息的無縫滾動效果（完善版）
小模組 公告滾動並暫停
話說上回，我們寫了個返回頁面頂部的小模組，這回我們寫乙個同樣很常見的模組，即公告滾動並暫停模組。公告滾動，最簡單的寫法是使用maquee標籤，這個可以讓你內容的內容向上下左右滾動，但是很多高階功能，比如週期性停留無法實現。把週期性停留作為需求，很多 做了這種公告滾動 截圖自谷姐首頁 以下呢，咱們也來...
報表怎樣實現滾動的公告效果？
dashboard 以豐富的動態 可互動的視覺化介面為使用者提供了更好的資料使用體驗，讓決策者能夠更高效的了解企業的重要資訊和細節層次。在 dbd 的各種動態效果中，滾屏是較為常見的一種，例如下圖中的資料列表因為布局是固定的，因此就需要滾動顯示資料。通常報表中見到的滾屏是因為 頁面大 視窗小 也就是...
React原生 實現公告無限滾動效果
import react,from react import index.less export default class scroll extends component,animate false,頁面載入的時候，設定乙個永恆的定時器，1.5s後就會執行定時器中的邏輯 componentdid...