代码片段：https://developers.weixin.qq.com/s/5VWrbgmO77vZ
自己弄得没有效果
想要1吸在顶部 然后下面都可以滑动 然后2滑动到1的位置把他替代掉
下面是自己项目做的 有问题 开发者上好使 但是真机时候就坏掉了 自己做的效果贼差 体验感不是很好！
上面有个小片段 求bang m ya 有新的方法最好
小程序 吸顶效果开发者好使 真机不好使
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
CSDN专家-showbo 2021-12-03 14:56关注1可以fixed定位，页头要添加padding-to预留1的高度位置，然后添加onPageScroll 事件进行滚动监听，滚动到2的位置后设置2定位为fixed
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-12-03 14:42回答 2 已采纳 1可以fixed定位，页头要添加padding-to预留1的高度位置，然后添加onPageScroll 事件进行滚动监听，滚动到2的位置后设置2定位为fixed
- 2022-06-02 11:29回答 1 已采纳 给个position:relative:z-index:999，层级设高一点
- 2021-09-28 11:10回答 2 已采纳 你说的是swiper下每个swiper-item里的scroll-view里的数据列表如何在切换选项卡时更新么？直接监听change事件就行了
- 2018-05-07 15:37鲜卑大帝的博客 作者：初雪链接：...微信小程序正式公测， 张小龙全面阐述小程序，定档1月9日上线（附90分钟演讲全文） ...前言：新人第一坑，跳坑指南：修改后，必须保存；ctrl+S；1：官方工具：https://mp.weix...
- 2022-05-20 00:38回答 3 已采纳 css position定位 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit
- 2022-02-18 14:13回答 2 已采纳 你好，你是要这种效果吗
- 2021-02-09 23:50回答 4 已采纳 应该让动画执行最后一次，不是每次的执行，执行动画前面+stop()清除之前的动画 $(function () { $(document).scroll(function ()
- 2021-01-15 11:19落落落落克的博客 本文阅读时长约 20 分钟。京喜小程序开发团队核心成员倾力之作，都是干货，读完一定会收获满满，请大家耐心阅读～背景—京喜小程序自去年双十一上线微信购物一级入口后，时刻迎接着亿级用户量的挑...
- 2018-03-11 09:04回答 7 已采纳  你看看这个效果，上部需要加东西可以看懂demo后自行
- 2021-10-31 17:46回答 3 已采纳 <PointData1 style="margin-top: -20px;/> 20可以改成你需要的值。
- 2021-04-21 08:53回答 4 已采纳 你里面内容分成两个div，搜索框占一个，下面的内容占一个。 下面的div设置固定高，然后样式内设置overflow-y:scroll。 然后在下面这个div里面渲染那些数据就好了。
- 2020-12-24 11:57guoguole_粿粿乐的博客 背景：首页作为小程序的门户，其性能表现和用户留存率息息相关。因此，我们可以从加载、渲染和感知体验几大维度深挖小程序的性能可塑性。 小程序官方性能指标 小程序官方针对小程序性能表现制订了权威的数值指标，...
- 2021-12-28 14:00回答 3 已采纳 宽度不要写死就ok，width:100%
- 2020-03-15 09:09米饭超人的博客 **12月1日小程序Demo集合** [微信小程序Demo：金融理财计算器](简书) [微信小程序Demo：支付宝+微信二维码收款小程序](简书) [上滑导航吸顶效果](简书) [微信小程序Demo：电器租赁小...
- 2020-10-10 09:44123没有肆的博客 uniapp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 截止2020年8月份，uniapp已经支持一套...
- 2017-12-13 11:06weixin_30446197的博客 作者：初雪链接：...微信小程序正式公测， 张小龙全面阐述小程序，定档1月9日上线（附90分钟演讲全文） ... 前言：新人第一坑，跳坑指南：修改后，必须保存；ctrl+S； 1：官方工具：http...
- 2021-12-04 09:57前端码农..的博客 其有如下特点： 跨平台：支持在移动端和PC端的Native, Hybrid, 移动端Web应用 支持真机：支持真机和模拟器，以及大量样板示例 更加容易：支持多种语言栈编写脚本，提供调试，元素查看器，数据Mock，录制回放等周边 ...
- 2020-03-27 08:45winty~~的博客 本文阅读时长约 20 分钟。京喜小程序开发团队核心成员倾力之作，都是干货，读完一定会收获满满，请大家耐心阅读～背景—京喜小程序自去年双十一上线微信购物一...
- 2018-10-23 06:25weixin_34186950的博客 注：本文转载知乎上的...微信小程序正式公测，张小龙全面阐述小程序，定档1月9日上线（附90分钟演讲全文） ... 前言：新人第一坑，跳坑指南：修改后，必须保存；ctrl+S； 1：官方工具：mp.weixin.qq.com/debug/w .....
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月16日
已采纳回答
12月8日-
创建了问题
12月3日
悬赏问题
- ¥15 刚接触VFP，我想知道为什么是这种情况，有人可以看看吗
- ¥15 io.jsonwebtoken.security.Keys
- ¥15 急，ubuntu安装后no caching mode page found等
- ¥15 联想交换机NE2580O/NE1064TO安装SONIC
- ¥15 防火墙的混合模式配置
- ¥15 Ubuntu不小心注销了要怎么恢复啊
- ¥15 win10电脑安装完plcsim advanced4.0运行时为什么会提示找不到虚拟网卡
- ¥15 安装powerbuilder10卡在安装程序正在运行这个页面 没有下一步任何指令
- ¥15 关于mpi的问题：请问遇到这种情况需要怎么解决，出现这个问题后电脑不能进行mpi多核运行只能进行单核运行
- ¥50 微信聊天记录备份到电脑提示成功了，但还是没同步到电脑微信