您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure:如何实现Banner导航悬浮顶部效果(PC端)?

发布人:www.yunke.ai 发布时间:2021-01-01 154 次浏览

本文内容适合初级Axure同学学习,Axure高手有更快捷的方法可达此效果欢迎评论留言,一起交流学习~

背景

相信大家在工作中遇到这样的一个难题,绞尽脑汁,尝试N种方法,还是没有做出很流畅的悬浮效果。

曾经作者也遇到这样难题,今天我将带领大家一起学习,一起解决这个难题。

这是一个什么难题?

请查看下图:

网站头部,整站导航;页面下滑时提起,悬浮置顶效果很好做;把网站头部,整站导航放在动态模板外面或者将网站头部,整站导航放在动态面板里面,设置固定到浏览器中居中靠上即可。

但是页面下滑时,如果需要将频道导航提起,悬浮至置顶效果该怎么做呢?

这样的效果,现在网站中比比皆是,比如:36Kr、不凡商业、钛媒体….等等,都用此交互效果展示频道分类,便于用户点击,减少用户学习成本。

效果该怎么实现?