V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
HexHub
HexHub,一站式SSH、Docker、数据库连接管理工具,支持多种主流数据库、多窗口分屏、智能SQL编辑、极速数据处理、批量命令、云端同步,支持SSH跳板机、命令广播、历史命令、SFTP多端文件互传。
Promoted by xiwh
ZhiAn
V2EX  ›  JavaScript

求助,这种效果小程序怎么实现?

  •  
  •   ZhiAn · 2024-07-09 10:14:51 +08:00 · 2826 次点击
    这是一个创建于 369 天前的主题,其中的信息可能已经有所发展或是发生改变。

    帮帮忙,给一条大概的思路就行。

    大概要实现的效果: https://s21.ax1x.com/2024/07/09/pkfVcRA.png

    8 条回复    2024-07-09 16:42:17 +08:00
    hyim1995
        1
    hyim1995  
       2024-07-09 10:25:55 +08:00
    这种只能上 skyline ,不然很难做到“丝滑”。可以参考官方文档 https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/scroll-container.html
    siga
        3
    siga  
       2024-07-09 10:33:40 +08:00
    向上滚动到一定高度时 把列表顶部圆角那块区域 当做是吸顶效果
    ZhiAn
        4
    ZhiAn  
    OP
       2024-07-09 10:44:01 +08:00
    有点像 draggable-sheet 的交互,但要 webview 实现
    soya2
        5
    soya2  
       2024-07-09 10:59:49 +08:00
    监听下滚动,根据距顶部距离修改标题的上边距和字号吧,做个最大最小值限制勉强实现;不过我一般会以排期不够为理由叫设计改成简单的😁
    pingqing
        6
    pingqing  
       2024-07-09 11:15:44 +08:00
    用 movable-view 应该可以实现
    duanxianze
        7
    duanxianze  
       2024-07-09 11:41:53 +08:00
    直接 js 硬写就行 样式切换用 wxs 就行
    han3sui
        8
    han3sui  
       2024-07-09 16:42:17 +08:00
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1041 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 17:51 · PVG 01:51 · LAX 10:51 · JFK 13:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.