关于a标签的href属性的注意事项

今天在做一个lightbox效果的时候出现了一个问题。

当往下滚动再点击按钮出现lightbox的时候，lightbox的遮罩层不能铺满（即滚动高度处不能铺上），如下图所示。原因是提交按钮使用的是a标签，当给a标签写上href属性的时候，在每次点击都会自动跳到页面的最顶端，但是每次的点击行为发生的顺序是先在当前屏幕铺满灰色遮罩层然后再跳到页面顶端。故出现如下图的现象。

解决方法是：不要给a标签写上href属性或者这样写：href="javascript:void(0)"

另外需要注意的是，在IE中如果a标签不作为跳转按钮，则应加上属性防止跳转：target="_self"

 

转载于:https://www.cnblogs.com/joyho/articles/3370938.html