本文给大家介绍的是导航栏如何根据滚动条同步选中，一起来看看
　　实现效果：选中导航栏中的菜单，窗口内容显示对应的内容；窗口滚动时，选中导航栏对应的菜单。
　　创建导航栏
　　（1）拖入动态面板，命名“左侧导航栏
　　（3）右键“左侧导航栏”选中【固定到浏览器】
　　此步骤目的为，当滚动鼠标时，左边导航栏不随之滚动。
　　（3）选中并打开动态面板“左侧导航栏”状态1，拖入三个菜单按钮
　　分别命名“1”对应第一项，“2”对应第二项，“3”对应第三项，并设置鼠标按下和选中的交互效果。
　　为了让菜单保存单选中状态，将“1”、“2”、“3”加入同一个选项组。
　　创建导航栏对应的滚动内容
　　右侧编辑导航栏对应的滚动内容，当然内容还可以是组合等形式。
　　注意：设置页面引入时，默认选中第一项。
　　设置选中导航栏，右侧滚动的相应的内容
　　当选中左侧菜单栏1时，右侧滚动内容显示到第一项；当选中左侧菜单栏2时，右侧滚动内容显示到第二项；当选中左侧菜单栏3时，右侧滚动内容显示到第三项。
　　（1）选中导航栏“1”，设置交互事件“鼠标单击时”，设置当前元件为“选中”状态
　　（2）设置“滚动到元件”“第一项”
　　设置右侧滚动，导航栏选中相应菜单
　　第一项的内容处于浏览器窗口的上半部分，则选中导航栏的1菜单；
　　第二项的内容处于浏览器窗口的上半部分，则选中导航栏的2菜单；
　　第三项的内容处于浏览器窗口的上半部分，则选中导航栏的3菜单。
　　（1）创建“页面”“窗口滚动时”交互事件，注意顺序，右侧元件，从下往上依次创建对应的滚动事件
　　第一项的内容处于浏览器窗口的上半部分：
　　理解：浏览器中页面垂直滚动的距离打开的浏览器当前高度2第一项的Y轴值时
　　即：浏览器中页面垂直滚动的距离打开页面的浏览器当前高度2〔〔Window。scrollYWindow。height2〕〕
　　第一项的Y轴值：
　　解释图：

分版本注释法：如何迭代你的产品文档更省成本？因一直使用Axure来写写画画产品文档，就借Axure来说明，如何迭代产品文档更省成本。设计产品，自然不仅是画图，更重要的是框定规则，而规则，通过注释的方式展示给团队或客……Axure教程：实现秒表循环本文是教大家如何制作秒表循环功能，一起来看看最近再做一个播放音乐的原型，在做播放界面时遇到了一个问题，就是怎么实现播放时间秒表的循环及开始暂停。虽然上网查了不少资料，但对……AxureRP9教程：建行APP账户拖动效果今天简单用动态面板模拟一下建行APP首页银行账户左右拖动的效果，一起来看看效果图本次效果是卡片拖动的效果，在“总资产”状态下，我们能看到总资产情况和“银行卡1的一半……原型设计实战案例：自适应后台框架作者分享了自己做web端产品后台框架的设计过程，希望能够对你的原型设计工作带来帮助。本人前段事件做了专家管理产品的web端产品，按照当时的要求……Axure教程：一个通用的app注册登录页今天给大家分享一套APP注册登录界面模板，其中包括本机登录页面，短信验证登录页面，密码登录页面，人脸登录页面，微博、微信、QQ、支付宝登录页面，注册页面，用户协议和隐私条款。该……Axure教程：中继器实现商品管理列表本文通过一个商品管理的例子，来说明中继器怎么使用。在这个商品管理列表里面，我们要实现商品信息的分页展示、新增、修改、删除和排序功能。中继器是axure里面非常重要的一个元……Axure教程：高级交互顶部栏今天给大家分享如何制作顶部导航栏，enjoy当设计者使用导航或者自定义一些导航结构时，请注意：尽可能提供标识、上下文线索，避免用户迷路；保持导航样式和行为一致……Axure教程：冰球小游戏年底了，闲来无事，逛产品网站时看到一些大佬的小游戏制作教程，受益匪浅，突发奇想，做了一个冰球类的小游戏与大家交流学习。游戏玩法少废话，先看东西冰球游戏……产品必会的30个Axure使用技巧对于Axure原型工具，很少有产品经过系统学习，一般都是直接上手，边摸索边学习，这直接导致很多快捷操作被忽视。笔者在日常工作中总结出以下小技巧，希望对各位有帮助。1。nb……Axure教程：导航栏如何根据滚动条同步选中？本文给大家介绍的是导航栏如何根据滚动条同步选中，一起来看看实现效果：选中导航栏中的菜单，窗口内容显示对应的内容；窗口滚动时，选中导航栏对应的菜单。创建导航栏（……中继器系列（四）：正反倒计时元件的实现彩蛋篇：获取本机时间，开始24小时倒计时思路：点击触发事件后，获取电脑本地的时间。通过分别获取电脑本地的时、分、秒，进行计算剩余时间。小时通过23减去当前的小……Axure教程：页面拖动效果今天我们来介绍一个简单的基本交互页面拖动。看如何实现页面拖动效果，enjoy想必有不少做移动端的新手同学都有这么一个烦恼，页面想展现手机内容可以上下滑动，但却无法实现，只……