查看: 2376|回复: 3

类似微信发送消息时消息内容向上移动同时能垂直滚动

[复制链接]

4

主题

12

帖子

20

积分

会员

Rank: 5Rank: 5

积分
20
发表于 2021-6-24 15:44:55 | 显示全部楼层 |阅读模式
产品经理入门到精通
@尹广磊
动态面板和一个按钮,动态面板的高度小于包含的内容,设置为垂直滚动。
2.png 3.png
希望实现的效果:点击按钮后动态面板如下图,内容整体上移。同时不影响滚轮的上下滚动
4.png
问题:我给按钮设置的交互是点击时三个原件向上移动,但是因为三个元件向上移动后第一个矩形其实移出显示区域了,导致滚动时第一个矩形显示不了。

4

主题

12

帖子

20

积分

会员

Rank: 5Rank: 5

积分
20
 楼主| 发表于 2021-6-25 11:06:18 | 显示全部楼层
尹广磊 发表于 2021-6-24 16:27
源文件附件上传一下。

1.rp (51.18 KB, 下载次数: 1)

501

主题

6794

帖子

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
76188
QQ
发表于 2021-6-25 14:47:15 | 显示全部楼层
用图像热区做为锚点,让页面滚动到希望的位置。而不是移动整个内容。
http://www.axure.org/thread-19531-1-1.html

4

主题

12

帖子

20

积分

会员

Rank: 5Rank: 5

积分
20
 楼主| 发表于 2021-6-25 15:16:43 | 显示全部楼层
尹广磊 发表于 2021-6-25 14:47
用图像热区做为锚点,让页面滚动到希望的位置。而不是移动整个内容。
http://www.axure.org/thread-19531- ...

感谢,主要还是滚动到元件这个交互之前没用过。我还点进所有交互的页面看过一遍,都没看到这个交互
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|SiteMap|Axure中文社区

GMT+8, 2021-12-8 02:53

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表