如何让页面的导航菜单在滚动时也可见呢？笔者以此为需求，讲解了如何用Axure实现这个需求。
　　不知大家在某东官网买书浏览网页的时候，有没有发现这样一种很有趣的现象：在书籍详细页面，页面最上面一般是展示图书相关图片以及价格等信息，再往下就是图书更详细的信息。通常会有这4部分内容分别以Tab页签的形式展示，如商品介绍，规格包装，售后保障以及商品评价。
　　每类的详细信息都比较多，当我们想要了解更多信息的时候，我们就会向下滚动鼠标，正常来说滚动的距离超过页签原本高度的时候，这4个Tab页签就会消失不见的。但是我们会发现：这4个Tab页签始终可见并且始终的页面的最上面。
　　来来来，我们先看一下效果：
　　大家想不想知道用Axure来怎么实现这种效果呢？下面就跟大家分享一下
　　下面将从3个方面展开：
　　需求分析
　　通过上面的描述，相信大家比较了解需求了。话不多说，我们再来梳理一下需求，深入分析需求。
　　这个需求可以浓缩简化为以下：页面某些中菜单栏，在鼠标滚动的距离超过其原本高度的时候仍在界面显示，并且显示在页面的最上面。
　　浓缩为Axure语言就是：鼠标滚动的距离超过某元件原本高度的时候仍在界面显示，并且显示在页面的最上面。
　　看到这里，大家是不是会想到Axure中的动态面板呢？
　　对，没错，实现核心就是用到动态面板及函数。
　　Axure关键点分析
　　下面为Axure中的关键点分析：
　　4个Tab标签用到的动态面板
　　页面滚动的距离
　　这个案例中涉及页面的滚动，页面滚动时仍需要判断页面滚动的距离，当页面滚动的距离大于等于动态面板的原本高度时，则将其移至页面最上面即当前的页高度，这里是绝对距离；否则不移动。
　　判断页面的高度，需要用到窗口高度函数，〔〔Window。scrollY〕〕；4个标签动态面板的y坐标轴为400。
　　满足这个条件，则将动态面板移至当前页面高度的地方，注意是绝对距离。
　　效果展示
　　最后，我们来看看最终的效果，网址为https：3djl4z。axshare。com。
　　感谢小伙伴们的阅读

值得买吗AirPodsStudio是苹果即将发布的头戴式耳机，可以说很令人期待了，价格和beats差不多，那苹果有什么亮点让人去购买呢？只能说比较吸引果粉吧！下面，我们来看看AirPo……莫让知识产权侵害把大学生创业扼杀在摇篮里武汉科技大学学生李恒在校研发出一种高空喷淋降尘系统并成功申请专利，而后创办毳雨公司。去年8月，毳雨公司发现武汉某环保公司销售模仿该专利技术的塔吊喷淋装置。经过反复交涉，侵权企业……家庭适合养殖的花卉植物适合在家庭养殖的花卉植物有君子兰、藤本月季花、绣球花、茉莉花等。选择在家中种植的花卉一般要对生长环境要求不高，植株体型不大，养护方法简单，无毒无害，花期长，易养活，观赏性较好的……筏钓用什么线组筏钓顾名思义是指在渔筏等工具上作钓，我国钓鱼人一般在淡水养殖区、养殖网箱附近或水库深水区筏钓，这种钓法能深入水域中心作钓，对象鱼几乎囊括了大多数常见的淡水鱼，下面一起来看一看筏……林开短鲷好养吗怎么养水温：林开短鲷对于水温的要求比较低。将温度控制在2226的区间内就能够满足它们的各项需求。水质：偏弱酸性的水质条件更有利于它们的生存和繁殖。家庭饲养时，水族箱的水的酸碱度需要调……新员工培训计划企业员工工作培训计划引导语：通过培训让员工了解企业基本运行和企业文化，最基本的岗位培训，入职后可以迅速适应新岗位。下面是小编为你带来的公司内部培训计划，希望对大家有所帮助。一、背景分析及培训……如何分辨金毛和拉布拉多aclasstaghrefwiki10018djXCUdVZUWUMfF8。html拉布拉多a和金毛长得有些像。下面，我们来看看如何分辨拉布拉多和金毛吧。操作方法0……生源地助学贷款合同丢了要怎么办生aclasstaghrefwiki10496IQL3u5L。html源地a助学贷款合同丢失了其实不用担心。操作方法01：hr当地资助中心审查完申请资料后会让你去银……玩具的具是几横具是一个汉字，读音为j，上下结构，部首为八。甲骨文字形，上面是鼎，下面是双手，表示双手捧着盛有食物的鼎器（餐具），具的中间为三横。随着电子产品的增多，大家在学习和工作上也……微信朋友圈怎么发动态图微信朋友圈怎么发gif动态图？今天小编为大家讲解一下。操作方法01：hr打开手机，找到微信，点击并进入，如图所示。02：hr进入之后，点击朋友圈，进入下一页面……百度知道怎么赚钱操作方法01：hr下载打开百度知道APP，点击进入右上角悬赏任务，每日签到可以领取积分，积分可以兑换现金。02：hr邀请好友的任务赚的比较多，优质好友在百度知道成为……手机中的微信图标找不到了怎么办在使用aclasstaghrefwiki10458IQMwDHW44。html手机a的过程中，我们下载安装每个应用都会在手机桌面上出现一个图标，但是有时候会发现图标不见了。这时……