移动端的菜单menu icon注意

在制作移动端时，肯定会遇到menu icon的制作（右上角菜单图标），但是平常写a标签的时候总会写个href = “#”就不管了。

类似于这样的：

<a href="#" class="iconfont icon-caidan"></a>

这样是不行的，这样添加点击事件的时候就会跳转到点击处（菜单所在位置，也就是顶部）。这种跳转肯定是有问题的。

解决方法就是加上href=”javascript:void(0);” 去除a标签的默认行为即可。

<a href="javascript:void(0);" class="iconfont icon-caidan"></a>

这样在页面下方再点击菜单时就不会瞎跳转了。

打赏