微信小程式之公告字幕滾動(自下而上)

2021-10-01 21:57:24 字數 861 閱讀 5143

實現框內的文字自下而上的自動迴圈滾動。

demo:

通過控制滑動條來完成字幕滾動,通過setinterval完成字幕迴圈滾動。

wxml:

09:08 很多人的一生,基本都是自己跟別人較勁,比如別人對自己的期待,比如把別人看得太重把自己看得太輕。其實乙個人最應該考慮的問題是,自己如何與自己相處,比如人去樓空的時候如何照顧好自己的孤獨,比如夜深人靜的時候如何跟心靈溝通。自己跟自己能和諧共處,自己跟別人就能相安無事。

19:08 平和是待人處事的一種態度,也是做人酌一種美德。平和既是一種修養,又是一種工作方法。平和的人,從不被忙碌所縈繞,閒時吃緊,忙裡悠閒。待人不嚴,教人勿高。寬嚴得宜,分寸得體。身心自在,能享受生活之樂趣。平和的人生,是和諧的人生,健康的人生。

wxss:

.container 

.txt-light

.blank

js

page(,

/*** 生命週期函式--監聽頁面載入

*/onload: function (options) ,

/*** 生命週期函式--監聽頁面初次渲染完成

*/onready: function () ,

/*** 生命週期函式--監聽頁面顯示

*/onshow: function () )

} else )

}}, 1000)

})},

scroll: function () )

// console.log(res);

})}})

tips:此次字幕滾動,即可自動滾動,也可拖動。

微信小程式之判斷頁面滾動方向

獲取頁面實際高度 nodesref.boundingclientrect callback 監聽使用者滑動頁面事件2.獲取頁面實際高度 js 封裝函式獲取id為box的元素實際高度 getscrollheight function console.log this.data.scrollheight...

微信小程式ios下禁用預設滾動事件

圖中view a用了fixed主要是防止ios下拉時系統自帶的 橡皮筋 效果出現。手指從p1點滑動到p2點,scroll view的滾動事件是不觸發的,滑動到p2鬆開手快速在scroll view裡滑動,正常來說scroll view內滾動事件已經觸發了,可是ios下會出現卡住的現象,scroll ...

微信小程式實現滾動載入更多

1.需要用到的元件和api 2.需要用到的屬性 3.scrol view需要指定乙個高度,這個高度可以按自己的需求計算,我使用的是螢幕可用高度並且預設一頁顯示6個 4.滾動到底部繫結需要觸發的事件 scroll view scroll y true style height px bindscrol...