朋友的項目里要實現一個消息無縫滾動的效果,中途遇到了一點小bug,每組消息滾動完再次循環時會出現停留兩倍的時間間隔問題,我研究了一天終于解決了這個1S的小問題
專注于為中小企業提供成都做網站、成都網站設計、成都外貿網站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業科爾沁左翼免費做網站提供優質的服務。我們立足成都,凝聚了一批互聯網行業人才,有力地推動了上千企業的穩健成長,幫助中小企業通過網站建設實現規模擴充和轉變。項目環境vue-cli ,請自行配置好相應的,環境及路由,這里主要介紹實現的方法
第一步在模板中 使用v-for方法循環出消息列表
<template> <div id="box"> <ul id="con1" ref="con1" :class="{anim:animate==true}"> <li v-for='item in items'>{{item.name}}</li> </ul> </div> </template>
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網站標題:vue實現消息的無縫滾動效果的示例代碼-創新互聯
網站網址:http://vcdvsql.cn/article10/dihpgo.html
成都網站建設公司_創新互聯,為您提供手機網站建設、企業網站制作、服務器托管、App設計、網站設計公司、靜態網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯