新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序擴展組件·粘性布局組件
sticky
粘性布局組件。Sticky 組件與 CSS 中 position: sticky 屬性實現(xiàn)的效果一致,當組件在屏幕范圍內(nèi)時,會按照正常的布局排列,當組件滾出屏幕范圍時,始終會固定在屏幕頂部。

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


咨詢
建站咨詢
