侧边导航代码(移动端侧边导航)

1首先引入layui的样式代码2然后创建html代码，添加上layui的导航样式，layuinav3运行页面，这时就可以看到一个美观的导航菜单了4现在的菜单右边有很多空白的地方，可以添加样式，为导航栏条目添加长度，让其。

2 在导航栏中添加链接，可以使用HTML的a标签来添加链接，链接的文本可以设置为导航栏上的按钮文字，链接的地址可以指向二级页面3 在二级页面中，也要添加导航栏，可以直接复制一级页面的导航栏代码并修改链接的地址，或者。

你的导航是浮动不随网页上下滚动条移动可以使用div positionfixed left0 top0 width100px height100% 如果是跟随内容改动，你的内容区分左右两块，左边写你的导航就可以了。

1制作页面 为了体现效果，需要做一个比较长高的页面，在Axure工作区中拖入4个矩形，分别为顶部标题菜单页面内容底部设置矩形宽度和高度，让其看起来像是一个页面布局2制作随页面滚动的标题 为了让效果更加。

我们需要实现的效果主要有两点 1点击侧边竖滑动条的圆点时，能跳转定位到对应的板块区域点击箭头圆点时回到顶部 2滚动屏幕时，浏览到某个板块时，侧边栏圆点导航的圆点也会相应被选中我们先来实现第一个。