固定某一部件在浏览器的固定位置(Pin to browser)。这一功能是针对动态面板使用的。所以,要实现这样的效果,必须将部件转换成为动态面板。本案例中的回到顶部按钮、提意见按钮、意见反馈窗口、音乐电台、音乐电台播放器、顶部搜索框都是使用这样的原理和设计实现的。
鼠标向下移动时,出现顶部搜索框,按钮显示;点击回到顶部按钮时,回到顶部,按钮消失。这一交互效果是本部分的重点。在Axture中,Window.scrollY函数指的是鼠标向下移动的距离。我们可以设置逻辑条件,当鼠标向下移动一定的距离时,那么显示顶部搜索框和回到顶部按钮。如果鼠标向下移动的距离太小,则将这些部件隐藏。至于,回到顶部按钮的交互操作,我们需要借助顶部的一个辅助部件(hotspot),一旦点击按钮,设置回滚操作。
本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。
用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈本站将在三个工作日内改正。
全部评论