原标题:Axure制作:页面上下滑动时的菜单栏悬浮吸顶效果
在移动端页面上,用手上下滑时,超过一定向上滑动时,菜单栏能有吸顶效果,如何用axure实现呢?
作者在最近在手机移动端的时候,有一个动画,希望达到效果:用手上下滑页面时,超过一定向上滑动时,菜单栏能有吸顶效果,这个效果相信不用我多说,都应该懂,但是如何用axure实现呢?
因为不会,先看了网上的教程,但是网上的教程都是以网页滚动,坦白说都是pc端的交互效果。
当然如果对于新手小白来说,直接拖出来一个动态面板,然后让其显示滚动条,就可以很简单的达到滚动效果,然后设置菜单栏超过一定的滚动距离时,吸顶就可以。
没有超过一定滚动距离,就保持原来的位置就可以,这里面主要设计的是scrollY这个函数(页面滚动时用的windows.scrollY函数)。
(点击动态面板的属性栏)
(大家可以去试试,当动态面板加上这个滚动条时,就可以自己实现内容的滚动效果)
前面是给大家温习一下网上的教程,接下来就来讲一下我所制作的app端页面拖动上下滑效果。
我就以拉勾网为例,具体大家可以看一下拉钩app首页就行。
准备素材:
1. 手机素材:不用说了ÿ