网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
05月20日漏签0天
前端吧 关注:224,175贴子:1,385,989
  • 看贴

  • 图片

  • 吧主推荐

  • 游戏

  • 1 2 下一页 尾页
  • 45回复贴,共2页
  • ,跳到 页  
<<返回前端吧
>0< 加载中...

【小程序开发】类似饿了么首页,怎么实现

  • 只看楼主
  • 收藏

  • 回复
  • 贝尔
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
如饿了么首页一样,滚动后tab吸顶,并且下面有个列表,可以无限滚动并且支持长列表(所以应该采用了虚拟列表)这些功能相结合就不好实现了,有没有现成的轮子可以用呢,有没有大佬告知一下


  • 贝尔
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼


2025-05-20 21:42:56
广告
  • 贝尔
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
因为现在能找到的虚拟列表轮子都是一个单独的滚动容器,和页面本身的滚动是分开的,又不像H5一样你能优先页面滚动,所以目前能实现的效果是下面的列表单独滚动,其实我希望是能和饿了么小程序首页一样滚动下面列表的时候先滚动整个页面,整个页面都滚动完了再滚动列表


  • 贝尔
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
现在的小程序是使用taro做的,用的也是taro官方的虚拟列表,想要实现整个功能感觉不可行啊。。大佬们,提供点帮助吧。。目前唯一能想到的就是整个页面是一个容器,自己实现一个虚拟列表来包含上面部分和列表部分,但是工作量稍微有点大了,所以上来请教一下有没有现成的轮子可以用


  • 天天都
  • 英雄豪杰
    10
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
吸顶,粘性定位,你搜一下


  • 白遥
  • 武林新贵
    8
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
不太懂,flex固定住不就吸顶了?


  • 亚托克斯
  • 人中龙凤
    11
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
你是刚入门?


  • 佛桑花谢
  • 后起之秀
    7
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
饿了么自己的框架呢?


2025-05-20 21:36:56
广告
  • 小生不怕
  • 后起之秀
    7
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
找框架,自己改样式


  • pwxzz_
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
position:sticky ?


  • Gxfc
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
虚拟列表有个顶部、底部插槽也很正常吧


  • 月半木登🍑
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
那不是虚拟列表,这种数据一般是接口page分页,前端通过视图位置分批次请求刷新的数据


  • 可能我从不会忘
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
没看懂,tab吸顶的话你设置两个tab就行了,到达指定高度就显示,另一个tab跟随页面滚动上去了


  • Limnx
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
按照我个人的理解,应该是分页请求,下滑就请求下一页,然后界面只保存三页数据,请求下一页就清理掉头两页。比如一开始请求123页数据,请求四五页就清理掉12页,永远保证界面只有三页数据


2025-05-20 21:30:56
广告
  • 机智晨
  • 后起之秀
    7
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
你是用什么写的小程序 uniapp有个插件可以实现你说的这个


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 1 2 下一页 尾页
  • 45回复贴,共2页
  • ,跳到 页  
<<返回前端吧
分享到:
©2025 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示