代码片段：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
- 2021-09-28 11:10回答 2 已采纳 你说的是swiper下每个swiper-item里的scroll-view里的数据列表如何在切换选项卡时更新么？直接监听change事件就行了
- 2022-06-02 11:29回答 1 已采纳 给个position:relative:z-index:999，层级设高一点
- 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
- 2021-02-09 23:50回答 4 已采纳 应该让动画执行最后一次，不是每次的执行，执行动画前面+stop()清除之前的动画 $(function () { $(document).scroll(function ()
- 2022-02-18 14:13回答 2 已采纳 你好，你是要这种效果吗
- 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-12-28 14:00回答 3 已采纳 宽度不要写死就ok，width:100%
- 2020-12-24 11:57guoguole_粿粿乐的博客 背景：首页作为小程序的门户，其性能表现和用户留存率息息相关。因此，我们可以从加载、渲染和感知体验几大维度深挖小程序的性能可塑性。 小程序官方性能指标 小程序官方针对小程序性能表现制订了权威的数值指标，...
- 2017-10-12 14:26回答 1 已采纳 1. ht.animate({"scrollTop":nowHeight},1000) 这里的scrollTop 会再次调用scroll 滚动事件 2.逻辑不对 if 判断这里逻辑不对
- 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已经支持一套...
- 2018-10-23 06:25weixin_34186950的博客 注：本文转载知乎上的...微信小程序正式公测，张小龙全面阐述小程序，定档1月9日上线（附90分钟演讲全文） ... 前言：新人第一坑，跳坑指南：修改后，必须保存；ctrl+S； 1：官方工具：mp.weixin.qq.com/debug/w .....
- 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 分钟。京喜小程序开发团队核心成员倾力之作，都是干货，读完一定会收获满满，请大家耐心阅读～背景—京喜小程序自去年双十一上线微信购物一...
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月16日
已采纳回答
12月8日-
创建了问题
12月3日
悬赏问题
- ¥15 我想在一个软件里添加一个优惠弹窗，应该怎么写代码
- ¥15 fluent的在模拟压强时使用希望得到一些建议
- ¥15 STM32驱动继电器
- ¥15 Windows server update services
- ¥15 关于#c语言#的问题：我现在在做一个墨水屏设计，2.9英寸的小屏怎么换4.2英寸大屏
- ¥15 模糊pid与pid仿真结果几乎一样
- ¥15 java的GUI的运用
- ¥15 Web.config连不上数据库
- ¥15 我想付费需要AKM公司DSP开发资料及相关开发。
- ¥15 怎么配置广告联盟瀑布流