微信小程序API 滾動

2020-07-24 13:47 更新

wx.pageScrollTo(Object object)

基礎(chǔ)庫 1.4.0 開始支持,低版本需做兼容處理。

將頁面滾動到目標(biāo)位置,支持選擇器和滾動距離兩種方式定位

參數(shù)

Object object

屬性類型默認(rèn)值必填說明最低版本
scrollTopnumber滾動到頁面的目標(biāo)位置,單位 px
durationnumber300滾動動畫的時長,單位 ms
selectorstring選擇器2.7.3
successfunction接口調(diào)用成功的回調(diào)函數(shù)
failfunction接口調(diào)用失敗的回調(diào)函數(shù)
completefunction接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)

selector 語法

selector類似于 CSS 的選擇器,但僅支持下列語法。

  • ID選擇器:#the-id
  • class選擇器(可以連續(xù)指定多個):.a-class.another-class
  • 子元素選擇器:.the-parent > .the-child
  • 后代選擇器:.the-ancestor .the-descendant
  • 跨自定義組件的后代選擇器:.the-ancestor >>> .the-descendant
  • 多選擇器的并集:#a-node, .some-other-nodes

示例代碼

wx.pageScrollTo({
  scrollTop: 0,
  duration: 300
})


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號