Axure8简单实现内容的水平滑动,不显示页面滚动条,类似手机页签的水平滑动效果。
工具/原料
Axure
方法/步骤
1、先拖一个动态面板,命名为“固定”
2、双击进入“固定”的动态面板的state1中;添加一个新的动态面板,命名为“滑动”;双击进入锞蕈漉栽“滑动”的动态面板中添加相应内容,我在此处添加了9个矩形块。
3、在“固定”的动态面板中添加“拖动时”的事件;双击“拖动时”事件,在弹出来的用例编辑骰蓍溶芽器中,勾选要移动的元件“滑动”;设置移动为“水平移动”;添加左右两个边界:左边界为0,右边界为“阡凫镗杲固定”动态面板的width(可以写函数,也可以直接写数值);
4、预览之后就可以看到相应的效果啦!附一个预览的网址:https://2acau7.axshare.com