建站
咨詢
售后
建站咨詢
新聞中心
Padding:height:line-height:text-align:center；background-color：微信小程序?qū)崿F(xiàn)文字從右往左無限滾動(dòng)的方法是什么？
1.使用WXSS中的動(dòng)畫動(dòng)畫實(shí)現(xiàn):首先在WXSS文件中定義一個(gè)滾動(dòng)-r動(dòng)畫，該動(dòng)畫需要設(shè)置容器(.tainer)的寬度，并設(shè)置文本(.Text)的寬度為文本實(shí)際總寬度的2倍，然后設(shè)置文本動(dòng)畫滾動(dòng)距離，比如滾動(dòng)到文本實(shí)際寬度的位置時(shí)停止：
西青網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,西青網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為西青成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營(yíng)銷網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的西青做網(wǎng)站的公司定做！
`css
.容器{
寬度：300rpx；
}
.Text{
寬度：600rpx；
動(dòng)畫：滾動(dòng)-r 10s線性無限；
}
@關(guān)鍵幀滾動(dòng)-r{
0%{
轉(zhuǎn)換：TranslateX(0)；
}
100%{
轉(zhuǎn)換：轉(zhuǎn)換X(-300rpx)；
}
}
“``”
2.使用wxml中的Swiper組件實(shí)現(xiàn):首先在wxml中把文本放入Swiper組件中，然后設(shè)置Swiper的Direction屬性為Horizular，Interval屬性為10s，以及Autoplay屬性為True，這樣文本就可以從右往左無限滾動(dòng)了：
`html
“``”
微信小程序文字橫向滾動(dòng)可以使用wxml的滾動(dòng)視圖組件進(jìn)行文字橫向滾動(dòng)的實(shí)現(xiàn)，示例代碼如下：
.scroll-view_H{
寬度：100%；
身高：50px；
空格：Now Rap；
}
.示例-文本{
顯示：內(nèi)聯(lián)塊；
填充：0 10px；
身高：50px；
行高：50px；
文本對(duì)齊：居中；
背景顏色：#ddd；
顏色：#666；
}
微信文字滾動(dòng)的小程序叫什么？它叫微信小程序文字滾動(dòng)器(微信滾動(dòng)文字應(yīng)用)。
文章名稱：微信小程序?qū)崿F(xiàn)文字從右往左無限滾動(dòng)的方法是什么
文章地址：http://m.fisionsoft.com.cn/article/dhcedhh.html
