今天在做一個lightbox效果的時候出現了一個問題。
當往下滾動再點擊按鈕出現lightbox的時候,lightbox的遮罩層不能鋪滿(即滾動高度處不能鋪上),如下圖所示。原因是提交按鈕使用的是a標簽,當給a標簽寫上href屬性的時候,在每次點擊都會自動跳到頁面的最頂端,但是每次的點擊行為發生的順序是先在當前屏幕鋪滿灰色遮罩層然后再跳到頁面頂端。故出現如下圖的現象。
解決方法是:不要給a標簽寫上href屬性或者這樣寫:href="javascript:void(0)"
另外需要注意的是,在IE中如果a標簽不作為跳轉按鈕,則應加上屬性防止跳轉:target="_self"
?