微信小程序-粘性组件
创始人
2024-11-19 07:09:08
0次
再次完善：将区域设置为粘性时，会脱离原有文档，使得出现下方页面突然遮盖一部分，不平滑
解决：给出一个新的空白区域，宽高与粘性区域一致，wx:if 控制其显示
/****************/
后续补充：在真机上测试后发现过渡不是很平滑，甚至会出现显示错误，我想原因可能是出现在滚动监听距离的延时上，可以考虑其他方法
/****************/
实现原理：
粘性组件的本质是 position:fixed; top:100px
监听滚动条，当滚到到对应位置时修改样式
if(event.scrollTop >= 500){ // 粘性组件启动 this.setData({ isSticky: true }) }else { this.setData({ isSticky: false }) }布局：以一个view包裹需要粘住的内容
{isSticky ? 'fixed-css' : ''}}" style="width: 100%; top: {{isSticky ? navBarHeight : ''}}px;"> 由于navigation是自定义的，且导航栏高度是动态计算的，所以top写在内联样式中
样式：
.fixed-css { position: fixed; background-color: rgb(242, 245, 250); }给一个背景色，实现遮挡效果
不足之处：监听滚动位置是固定值
相关内容
热门资讯
揭秘一下透视器插件!桃乐甘肃麻...
揭秘一下透视器插件!桃乐甘肃麻将多功能透视器插件，桃乐甘肃麻将好像有透视器插件1、点击下载安装，桃乐...
终于懂了!国民麻将辅助ai脚本...
终于懂了!国民麻将辅助ai脚本软件,国民麻将其实真的是有辅助ai总结方法1、完成国民麻将有辅助插件，...
今日公布辅助器攻略!微乐福建麻...
今日公布辅助器攻略!微乐福建麻将多功能辅助器攻略，微乐福建麻将总是真的是有辅助器攻略1、金币登录送、...
实操分享!闲娱江西棋牌开挂ai...
实操分享!闲娱江西棋牌开挂ai脚本软件,闲娱江西棋牌总是是真的有开挂ai总结神器1、下载好闲娱江西棋...
一分钟秒懂作弊器攻略!天天芜湖...
一分钟秒懂作弊器攻略!天天芜湖麻将多功能作弊器攻略，天天芜湖麻将好像真的有作弊器攻略1、这是跨平台的...
推荐几款新版!吉祥全港麻将开挂...
您好，吉祥全港麻将这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在...
来一盘外挂插件!大唐麻将游戏多...
来一盘外挂插件!大唐麻将游戏多功能外挂插件，大唐麻将游戏真是存在有外挂插件所有人都在同一条线上，像星...
揭秘一下!趣玩情怀辅助ai脚本...
揭秘一下!趣玩情怀辅助ai脚本软件,趣玩情怀原来有辅助ai解密攻略趣玩情怀破解侠是真的助透视。每个模...
玩家必备教程透视器插件!鲁乐山...
玩家必备教程透视器插件!鲁乐山东麻将多功能透视器插件，鲁乐山东麻将都是有透视器插件玩家必备教程透视器...
记者发布!中至常熟麻将辅助ai...
记者发布!中至常熟麻将辅助ai脚本软件,中至常熟麻将总是是真的有辅助ai曝光软件1、中至常熟麻将模拟...