产品 | axure导航吸附交互

原型想模仿jd实现页面中导航滚动到页面顶部时,吸附在页面顶端。



一、思路

  1. 导航栏处于页面(0,240)位置
  2. 当页面y在<240范围内滚动时,导航栏随页面滚动
  3. 当页面y在>240范围外滚动时,导航栏固定在页首

二、设置

  1. 页面全局设置
  2. 当窗口滚动是
  3. 如果页面高度y<240,导航栏位置y=页面高度y
  4. 如果页面高度y>240,导航栏位置y固定


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,786评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,180评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,814评论 25 708
  • 4.1 栏 4.1.1 状态栏 状态栏展示了关于设备及其周围环境的重要信息。 状态栏: 是透明的始终固定在整个屏幕...
    小虾仔阅读 1,080评论 0 3
  • 最近是迷恋上qq了……它是承载着15年回忆的宝瓶,随便一篇文章说说,一张照片,一位故友……都有它的故事 图一,20...
    周zy燕阅读 256评论 0 1