粉丝服务

教程|拟小红书式纵向滑动设计





你要的教程

Tutorial


此前一期我们发布的《点 击 进 入 宝 藏 页 面》备受好评,不少读者询问如何实现。实际上这种拟小红书式的纵向滑动排版并不复杂,本期就来为广大编辑器用户展示其排版结构。



表现形式


以手机框为操作范围,上方悬停固定信息,下方内容可被滚动查看并能附着超链接/小程序等。









操作台示意图


根据以下示意图(点击放大查看),基于「零高容器」思路堆叠悬停信息、纵向滑动和手机壳素材即可。




这里增加一道思考题:已购买过 UGC 组件「无限选择器」的用户,你们应该如何实现小红书中「笔记」和「收藏」可往返切换并各自包含下滑页面?






如需练习素材,请前往小红书并私信我们的官方账号「SVG黑科技编辑器」获取喔!







本栏目精选

热门推荐

频道导航