当页面往下滚动时,导航跟随页面一起,点击右侧图标可直接返回顶部。那这个效果是如何实现的呢,一起来文中看看~
如下图:
顶部导航跟随页面滚动
线上效果图,查看:
*** *** 1. 添加导航与页面按平时 *** 导航与页面的方式制定,无需设置任何交互效果,但为了看到页面效果,页面建议添加长页面,才可出现滚动。
2. 添加滚动图标添加滚动图标,并设置为隐藏。
滚动图标
针对图标做交互操作,设置为摇摆,时间为500。
图标交互
3. 添加热区添加一个热区,并放置与菜单同坐标值位置。
热区
4、页面窗口滚动交互在页面添加窗口滚动交互,添加用例
窗口滚动交互
添加用例一,移动导航,设置为绝对位置,x值为[[Target.x]],y值为[[Window.scrollY]]。
用例1
添加用例二,添加条件,设置值>10,显示滚动图标,动画逐渐500s。
用例2
设置用例三,设置滚动图标隐藏,动画逐渐500s。
编辑导语:日常事情中,我们常会碰着往列内外添加数据的环境,详细是怎么实现的呢?本文作者通过实际的操纵履历,总结分享了用Axure中继器添加数据的要领,供各人参考。 在许多b端产物中,常常会有添加数据...
编辑导读:日志打点各人应该都用过,它可以有效地辅佐我们拟定事情任务,便于打点和查询。本文作者操作Axure建造一个日志打点原型,并对进程中碰着的一些问题举办了简朴的梳理,与各人分享。 本日教各人假如...
今天和大家分享一个后台文件管理demo,包括图片管理、视频管理、音乐管理、文档管理和其它文件管理。这个demo也可以看做云盘、网盘的demo。 该原型交互效果齐全,使用也简单,只需要填写中继器表格即...
网易云音乐各人应该都有用,它的音乐播放结果不知道你是否有留意过。本文作者先容了如何用Axure实现网易云音乐有声播放结果的操纵步调,以及实现进程中的一些留意事项,与各人分享。 为了利便讲授,我们首先...
编辑导读:本文是关于Axure中继器的运用操纵,作者具体讲授了操作Axure中继器实现伴侣圈宣布图文动态的操纵流程,较量基本,供初学者参考进修。 实现的交互:模仿微信伴侣圈,选择图片,编辑文字的交互...
在实际应用中,全局变量起到了信息通报浸染和符号浸染,可以在多个页面间通报信息,可能作为非凡场景的判定依据。本文作者先容了如何用Axure实现全局变量中空页面的新增数据校验成果的操纵步调,以及实现进程中...