微信小程序API 滾動(dòng)

2020-07-24 13:47 更新

wx.pageScrollTo(Object object)

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

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

參數(shù)

Object object

屬性類(lèi)型默認(rèn)值必填說(shuō)明最低版本
scrollTopnumber滾動(dòng)到頁(yè)面的目標(biāo)位置,單位 px
durationnumber300滾動(dòng)動(dòng)畫(huà)的時(shí)長(zhǎng),單位 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)用成功、失敗都會(huì)執(zhí)行)

selector 語(yǔ)法

selector類(lèi)似于 CSS 的選擇器,但僅支持下列語(yǔ)法。

  • ID選擇器:#the-id
  • class選擇器(可以連續(xù)指定多個(gè)):.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)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)