查看: 38417|回复: 49

[手机端] 实现手机上下滑动的效果

[复制链接]

0

主题

2

回帖

46

积分

会员

Rank: 5Rank: 5

积分
46
发表于 2012-10-17 11:50:22 | 显示全部楼层 |阅读模式
尹广磊公众帐号
:victory: 不知道之前有没有人发过咯:loveliness:
简单运用动态面板即可在原型上实现手机上下滑动的效果,发个效果给大家瞅瞅,这算是曲线救国吧!

2012-11-27_20-34-03.jpg

实现方式:需要滚动的区域做成面板,然后右键设置根据需要来显示垂直滚动条。
然后再在外面加一层动态面板,把垂直滚动条挡住,让它不显示出来。
最后在最里成的面板里放置比较长的内容即可。

见效果是在内容区域滚动鼠标轴,不是在内容上拖拽。

补个源文件

手机滚动效果.rar

252.19 KB, 下载次数: 2068

手机滚动效果.rp

66.91 KB, 下载次数: 3050

评分

1

查看全部评分

0

主题

1

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-10-18 15:29:47 | 显示全部楼层
试了一下  不行啊  没哟效果

0

主题

18

回帖

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2012-10-31 11:48:27 | 显示全部楼层
这方法又简单又实用!很赞!

0

主题

6

回帖

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2012-11-16 19:54:54 | 显示全部楼层
好东西啊
感谢分享

0

主题

7

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-11-19 10:37:24 | 显示全部楼层
没有看到效果。。。

0

主题

321

回帖

123

积分

会员

Rank: 5Rank: 5

积分
123
发表于 2012-11-19 10:53:34 | 显示全部楼层
有效果啊,要用鼠标滚轮。
我爱策划,喜欢交互,热爱Axure。
深圳产品经理群:154281076

0

主题

46

回帖

265

积分

会员

Rank: 5Rank: 5

积分
265
QQ
发表于 2012-11-27 19:52:23 | 显示全部楼层
偷梁换柱的思路,有创意~

0

主题

25

回帖

97

积分

会员

Rank: 5Rank: 5

积分
97
发表于 2012-11-28 18:12:03 | 显示全部楼层
不错~

0

主题

5

回帖

113

积分

会员

ue小狂人

Rank: 5Rank: 5

积分
113
QQ
发表于 2013-2-21 20:06:25 | 显示全部楼层
很好很强大!感谢分享哈!

0

主题

7

回帖

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2013-3-10 15:42:16 | 显示全部楼层
。。。鼠标滚轮········

0

主题

1

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-4-10 16:07:53 | 显示全部楼层
这个效果一直在苦恼怎么做,以前用条件语句的方法做,很麻烦,楼主这个法子非常简单,效果完美~~~

0

主题

9

回帖

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2013-5-6 09:00:35 | 显示全部楼层
求解:按版主原型里的设置,盖一层面板,可还是会显示滚动条?

0

主题

1

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-5-8 14:17:27 | 显示全部楼层
真聪明,我正需要呢。。。。。

0

主题

11

回帖

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2013-5-15 13:10:36 | 显示全部楼层
1# 青黛


能否讲细一点,自己做的时候还是会显示滚动条···webppd:crying

0

主题

2

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-5-16 10:56:15 | 显示全部楼层
太棒了~~简单,效果完美

0

主题

2

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-5-16 10:56:22 | 显示全部楼层
太棒了~~简单,效果完美

0

主题

38

回帖

77

积分

会员

产品经理

Rank: 5Rank: 5

积分
77
QQ
发表于 2013-5-16 11:34:05 | 显示全部楼层
看了楼主的思路,非常赞!
但可以只用一层动态面板实现
滚动条用一个空白矩形遮挡即可。
QQ截图20130516113240.png

0

主题

15

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-5-22 14:12:18 | 显示全部楼层
学习啊

0

主题

1

回帖

31

积分

会员

Rank: 5Rank: 5

积分
31
发表于 2013-5-22 15:15:43 | 显示全部楼层
会了,不错

0

主题

1

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2013-5-25 17:30:51 | 显示全部楼层
1# 青黛

实现方法
1、选择一个面板,右键Convert——Convert to Dynamic panel
2、将转换后的Dynamic panel 拉成你想要的长宽
3、右键Edit Dynamic panel ——show Scrollbars as needed

"convert to dynamic panel"动作在5.6版本才有该功能。
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

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

GMT+8, 2024-5-5 05:46

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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