欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

連勝--小程序中滾動(dòng)條的使用，wx.pageScrollTo和<scroll-view> - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開發(fā)/軟件開發(fā)

知識(shí)

不管是網(wǎng)站，軟件還是小程序，都要直接或間接能為您產(chǎn)生價(jià)值，我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí)，更側(cè)重于功能的便捷，營(yíng)銷的便利，運(yùn)營(yíng)的高效，讓網(wǎng)站成為營(yíng)銷工具，讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持！

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >

連勝--小程序中滾動(dòng)條的使用，wx.pageScrollTo和<scroll-view>

發(fā)表時(shí)間：2021-3-31

發(fā)布人：葵宇科技

瀏覽次數(shù)：57

前言：近期小程序項(xiàng)目中用到了滾動(dòng)條功能，官方文檔中提供兩種方式。即wx.pageScrollTo滾動(dòng)到page頁(yè)面的指定位置，組件可以設(shè)置scroll-top或者scroll-left的值，今天探討一下使用哪種方式更合適。

1、wx.pageScrollTo

官方文檔地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/scroll.html

示例代碼：

wx.pageScrollTo({
  scrollTop: 0
})

使用此方式，你需要知道以下幾點(diǎn)：

1、小程序基礎(chǔ)庫(kù)1.4.0之前不支持此方法，這點(diǎn)兒比較坑

2、小程序中雙擊頂部的textbar，會(huì)默認(rèn)回到頂部

3、能夠觸發(fā)page的上拉(ReachBottom)和下拉(PullDownRefresh)事件

4、當(dāng)頁(yè)面中有使用position:fixed布局時(shí)，彈出鍵盤時(shí)，fixed布局部分會(huì)閃屏

2、

小程序中另一種實(shí)現(xiàn)滾動(dòng)條的方式，是使用scroll-view組件。官方文檔：https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html

詳細(xì)的參數(shù)，請(qǐng)仔細(xì)查看官方文檔~

示例代碼：

class="scroll-view" scroll-y style="height: 500px;" scroll-top="{{scrollTop}}">
  id="green" class="bc_green">
  id="red"  class="bc_red">
  id="yellow" class="bc_yellow">
  id="blue" class="bc_blue">