建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
創(chuàng)新互聯(lián)小程序教程：微信小程序擴(kuò)展組件·粘性布局組件
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
