今天在做一個lightbox效果的時候出現了一個問題。

當往下滾動再點擊按鈕出現lightbox的時候，lightbox的遮罩層不能鋪滿（即滾動高度處不能鋪上），如下圖所示。原因是提交按鈕使用的是a標簽，當給a標簽寫上href屬性的時候，在每次點擊都會自動跳到頁面的最頂端，但是每次的點擊行為發生的順序是先在當前屏幕鋪滿灰色遮罩層然后再跳到頁面頂端。故出現如下圖的現象。

解決方法是：不要給a標簽寫上href屬性或者這樣寫：href="javascript:void(0)"

另外需要注意的是，在IE中如果a標簽不作為跳轉按鈕，則應加上屬性防止跳轉：target="_self"

?

轉載于:https://www.cnblogs.com/joyho/articles/3370938.html

總結

以上是生活随笔為你收集整理的关于a标签的href属性的注意事项的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。