快速开始: 常见问题; 快速部署; 组件调用; 更新日志; 版权要求

基础布局 ( 4 ): 页面布局从这开始哦 (:; Flex布局组件形式; Flex布局样式形式; 元素定位

基础样式 ( 8 ): 文本颜色; 背景样式; 阴影效果; 圆角边框; 文本样式; 内置图标; 图标扩展; 样式动画

刷新与加载 ( 5 ): 加载组件; 全屏加载; 下拉刷新原生模式; 刷新组件滚动区域模拟模式; 上拉加载原生模式

模态对话 ( 4 ): 顶部消息框; 模态对话框; 底部对话框; 底部消息框

表单相关 ( 7 ): 表单元素; 表单验证; 数值框; 数字键盘; 可选标签单选多选; 点选按钮; 下拉选择

文章相关 ( 4 ): 文本编辑器; 编辑器解析; 富文本加强; 展开全文

JS 函数库 ( 6 ): 工具介绍; 时间转换; 网络请求; 随机数值; md5 转换; 使用 promise; 系统信息 ( 含 iphoneX 底部 )

常用界面 ( 19 ): 搜索界面; 登录注册; 个人中心; 购物车; 订单中心; 商品详情; 图片懒加载; 骨架加载; 抽奖活动; 瀑布流; 地址列表; 添加地址; 证件上传; 滚动推荐; 短信验证; 排行榜; 数据图表; 商城套装; 即时通讯

graceUI - 动态吸顶

GraceUI 组件精细化更新工作进行中~ 如果您在使用时发现组件或样式不生效时，请先进行重新编译，重新编译后依然无效请升级您的 GraceUI 框架版本 ( 网站头部点击下载按钮获取最新版本 )即可! 此次更新预计持续到 2020-01-30 ~

动态吸顶原理

监听页面滚动事件，根据滚动高度动态决定某个元素是否使用吸顶样式 grace-fixed-top ;
说明 : 
演示代码演示了各个平台下动态计算某个元素高度的方法，理解一下可以在开发中灵活运用;

完整代码

UNI 普通版本

NUVE 版本

微信小程序独立版本

请点击左侧按钮切换

请登录并购买graceUI

请登录并购买graceUI

请登录并购买graceUI