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

站在用戶的角度思考問題,與客戶深入溝通,找到吳堡網(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)值 | 必填 | 說明 |
|---|---|---|---|---|
| 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: 是否吸頂 } |
代碼演示
吸頂距離
通過 offset-top 屬性可以設(shè)置組件在吸頂時(shí)與頂部的距離
指定容器
通過 container 屬性可以指定組件的容器,頁面滾動(dòng)時(shí),組件會(huì)始終保持在容器范圍內(nèi),當(dāng)組件即將超出容器底部時(shí),會(huì)返回原位置。
Page({
data: {
container: null
},
onReady() {
this.setData({
container: () => wx.createSelectorQuery().select('#container')
})
}
}) 本文標(biāo)題:創(chuàng)新互聯(lián)小程序教程:微信小程序擴(kuò)展組件·粘性布局組件
新聞來源:http://fisionsoft.com.cn/article/djcgdhh.html
其他資訊
- 網(wǎng)絡(luò)企業(yè)網(wǎng)站應(yīng)該具備哪些功能和特點(diǎn),網(wǎng)絡(luò)企業(yè)網(wǎng)站的設(shè)計(jì)與開發(fā)原則
- 創(chuàng)新互聯(lián)OceanBase教程:OceanBase數(shù)據(jù)導(dǎo)出和導(dǎo)入概述
- 中國人中庸之道,中國人造的框架呢?
- 創(chuàng)新互聯(lián)Python教程:python是什么技術(shù)
- 網(wǎng)頁顯示,您無權(quán)查看此目錄,我的網(wǎng)站啊是?(好幾個(gè)網(wǎng)站出現(xiàn)這個(gè)問題點(diǎn)默認(rèn)文檔打不開看下是什么原因請(qǐng)告知謝)


咨詢
建站咨詢
