
无需加好友免费技术支持
文中适用初中级Axure同学们学习培训,Axure大神有更快地方式做到这样的效果。热烈欢迎评论区留言,一起学习交流~
相信大家工作上都会面临这种问题,煞费苦心,试着N种方式,还是没作出很稳的漂浮实际效果。
创作者以前经历过这种问题,我要带着大家一起学习,一起处理。
这个是什么难点?
请参阅下面的图:
网址头顶部,整站导航;当网页页面下降时,悬架顶端效果不错;将网址头顶部、整站导航放到动态模板外或网址头顶部,整站导航放到动态面板内,设定固定不动用浏览器正中间。
但当网页页面下降时,必要时提到频道导航并悬架到顶端,应该怎么办?
这样的效果在平台上经常可以看到,比如说36Kr、不同寻常的商业服务,好奇心日报….这些,运用此交互效果表明频道归类,便捷客户点击,减少学习成本。
大家在头顶部、广告宣传、频道导航等多个方面新创建了三个版块。
不必只是,一起练吧~
选择版块后,写出每一个板块名字。
前提条件:电脑鼠标不必选择一切版块。假如选择头板,点击环境撤销版块选择。
①右边点击对话框滚动时。
③选择值。
④点击fx>随后点击插进自变量或函数,>最终电脑鼠标滑倒对话框,选择Window.scrollY,确定。
⑤返回标准配备网页页面,点击 号边上的fX按键>随后点击加上地区自变量>选择元器件>选择广告宣传,确定。
⑥返回标准配备网页页面,选择超过。
表明:大家刚刚设定的是,当窗子滚动时,往下滚动之间的距离超过广告展架的高度。
设定条件时,点击确定。
①寻找挪动并点击>随后选择频道导航>最终选择抵达。
②以上实际操作结束后,点击y处fx>随后点击插进自变量或函数>最终选择Window.scrollY,点击确定。
表述:
流程3中,当对话框滚动时,往下滚动之间的距离超过广告展架的高度。流程4中,挪动频道导航抵达座标X0,Y窗子滚动的开端,即顶端部位。提及频道导航,悬架到上方的实际效果取得成功。
注意事项:
别忘记将频道导航版块放到顶端。当它们不放到顶端时,这将被版块遮盖。练习的时候,请于频道板内添加一些具体内容,并随便点击英语单词。只有在网页页面表明地区超过1个显示屏时,才可以往下滚动效果。
刚进行,当窗子滚动时,往下滚动之间的距离超过广告展架的高度。挪动频道导航,提高到顶端,波动。
刚搞好的例子能够拷贝形成新实例。你就可以重新编辑一个新实例。为了能省时省力,我能拷贝形成新实例。
依照刚刚教你的流程,进到标准设定版块,别动别的其他东西,大于小于。
表述:大家刚设置权限:当窗子滚动时,左右滚动之间的距离低于广告展架的高度。
①选择,频道导航,记牢Y轴平面坐标。
②点击实例,将记得的Y轴平面坐标添充到Y字段名。
表述:
实例2:当窗子滚动时,滚动间距低于广告展架的高度。实例3:挪动频道导航,抵达座标X0,Y220部位(自已的起始点)。以上是创作者的表述,有点儿唠叨,希望对大家有帮助。
如有问题,请留言,一起讨论,一起学习。
文中由 @雷电貂1990 每一个人都是产品运营。未经同意许可,禁止转载
题图来源于 Pexels,根据 CC0 协议书