新聞中心
sticky
粘性布局組件。Sticky 組件與 CSS 中 position: sticky 屬性實(shí)現(xiàn)的效果一致,當(dāng)組件在屏幕范圍內(nèi)時(shí),會(huì)按照正常的布局排列,當(dāng)組件滾出屏幕范圍時(shí),始終會(huì)固定在屏幕頂部。

站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到吳堡網(wǎng)站設(shè)計(jì)與吳堡網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋吳堡地區(qū)。
屬性列表
| 屬性 | 類型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| offset-top | Number | 0 | 否 | 吸頂時(shí)與頂部的距離,單位px |
| z-index | Number | 99 | 否 | 吸頂時(shí)的 z-index |
| container | function | null | 否 | 一個(gè)函數(shù),返回容器對(duì)應(yīng)的 NodesRef 節(jié)點(diǎn) |
| disabled | Boolean | false | 否 | 是否禁用 |
| bindscroll | eventhandle | 否 | 滾動(dòng)時(shí)觸發(fā),{scrollTop: 距離頂部位置, isFixed: 是否吸頂 } |
代碼演示
吸頂距離
通過(guò) offset-top 屬性可以設(shè)置組件在吸頂時(shí)與頂部的距離
指定容器
通過(guò) container 屬性可以指定組件的容器,頁(yè)面滾動(dòng)時(shí),組件會(huì)始終保持在容器范圍內(nèi),當(dāng)組件即將超出容器底部時(shí),會(huì)返回原位置。
Page({
data: {
container: null
},
onReady() {
this.setData({
container: () => wx.createSelectorQuery().select('#container')
})
}
}) 網(wǎng)站標(biāo)題:創(chuàng)新互聯(lián)小程序教程:微信小程序擴(kuò)展組件·粘性布局組件
當(dāng)前URL:http://www.5511xx.com/article/djcgdhh.html


咨詢
建站咨詢
