养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure水平滑动,不显示滚动条,手机水平滑动

时间:2024-11-11 16:18:44

Axure8简单实现内容的水平滑动,不显示页面滚动条,类似手机页签的水平滑动效果。

工具/原料

Axure

方法/步骤

1、先拖一个动态面板,命名为“固定”

Axure水平滑动,不显示滚动条,手机水平滑动

2、双击进入“固定”的动态面板的state1中;添加一个新的动态面板,命名为“滑动”;双击进入锞蕈漉栽“滑动”的动态面板中添加相应内容,我在此处添加了9个矩形块。

Axure水平滑动,不显示滚动条,手机水平滑动

3、在“固定”的动态面板中添加“拖动时”的事件;双击“拖动时”事件,在弹出来的用例编辑骰蓍溶芽器中,勾选要移动的元件“滑动”;设置移动为“水平移动”;添加左右两个边界:左边界为0,右边界为“阡凫镗杲固定”动态面板的width(可以写函数,也可以直接写数值);

Axure水平滑动,不显示滚动条,手机水平滑动

4、预览之后就可以看到相应的效果啦!附一个预览的网址:https://2acau7.axshare.com

© 一点知识