微信小程序-粘性组件
创始人
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、全新机制【微乐贵阳麻将辅助...
推荐攻略“wepoke软件透明...
推荐攻略“wepoke软件透明挂是真的么”外挂透明挂辅助脚本（一贯真的是有挂）-哔哩哔哩；（需添加指...
传递经验“德扑之心透视辅助”详...
您好，德扑之心透视辅助这款游戏可以开挂的，确实是有挂的，需要了解加威信【136704302】很多玩家...
黑科技插件！微扑克外挂有吗（辅...
黑科技插件！微扑克外挂有吗（辅助挂）太嚣张了一直真的有挂（2024已更新）（哔哩哔哩）；1、起透看视...
玩家攻略“闲来广东麻将辅助工具...
玩家攻略“闲来广东麻将辅助工具”太实锤了透视辅助开挂wpk教程-原来存在有挂；一、闲来广东麻将辅助工...
玩家必看科普“wepoke软件...
【福星临门，好运相随】；玩家必看科普“wepoke软件透明是真的吗”外挂透明挂辅助挂（从前真的是有挂...
科普常识“德扑之星辅助挂方法”...
科普常识“德扑之星辅助挂方法”详细透视辅助开挂作弊黑科技（总是真的有挂）；人气非常高，ai更新快且高...
黑科技ai代打！wepoke有...
黑科技ai代打！wepoke有吗（透明挂黑科技）太实锤了总是有挂（2021已更新）（哔哩哔哩）；1、...
总算清楚“超级三加一辅助工具安...
总算清楚“超级三加一辅助工具安装”太离谱了透视辅助开挂攻略方法-果然是真的有挂1、玩家可以在超级三加...
终于知道“fishpoker扑...
终于知道“fishpoker扑克辅助”外挂透明挂辅助插件（都是有挂）-哔哩哔哩；1.fishpoke...