Axure制作导航吸顶效果

  1. 吸顶效果自行网搜(大概就是PC端的鼠标移动端的手指向某个方向滑动时导航栏会一直在不会被淹没的效果。。。);
  2. 工具使用的是Axure;
  3. 在Axure上建立两个一模一样的导航栏;


    图片.png
  4. 给隐藏的动态面板设置固定到浏览器具体参数自行调整


    图片.png

    图片.png
  5. 在全局页面设置窗口滚动的时候的参数是>=动态面板高度


    图片.png

    图片.png
  6. 当滑动超过动态面板高度显示隐藏的动态面板 否则隐藏动态面板


    图片.png

    图片.png

你可能感兴趣的:(Axure制作导航吸顶效果)