今天在做一個(gè)lightbox效果的時(shí)候出現(xiàn)了一個(gè)問題。

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

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

另外需要注意的是，在IE中如果a標(biāo)簽不作為跳轉(zhuǎn)按鈕，則應(yīng)加上屬性防止跳轉(zhuǎn)：target="_self"

?

轉(zhuǎn)載于:https://www.cnblogs.com/joyho/articles/3370938.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。