最近我在學習jQuery的動畫移動功能,但遇到了一個問題:動畫移動無效。
我將代碼放在了pre標簽中:
animate({left: '+=100px'}, 1000);
我檢查了代碼,發(fā)現(xiàn)沒有語法錯誤,但仍舊無法實現(xiàn)動畫移動。
后來經(jīng)過一番檢查,我發(fā)現(xiàn)問題出在了CSS樣式上。即使我用jQuery移動了元素,但如果元素的position屬性沒有設(shè)置或為static,那么就算移動成功了,也無法看到效果。
所以我將CSS樣式改為了position: relative;,并再次執(zhí)行動畫移動代碼,這次就成功了。
總結(jié)一下,如果在使用jQuery的動畫移動時遇到無效的情況,需要檢查CSS樣式是否設(shè)置了position屬性。
上一篇css 去除圖片白背景