jQuery是前端開發中經常用到的一個框架,可以快速地完成頁面中各種效果的實現。但是在使用jQuery設置元素的left值時,有時候會出現設置無效的情況,下面就來分析一下其中的原因。
// 設置left值的代碼 $("#element").css("left", "100px");
一般來說,使用上述代碼就可以成功地設置元素的left值,但是如果頁面中的元素具有特殊的定位方式,如absolute或fixed等,就有可能出現設置無效的情況。這時候需要分別處理。
對于absolute定位的元素,可嘗試加上父元素的相對定位,如:
// 父元素相對定位 $("#element").parent().css("position", "relative"); // 設置left值 $("#element").css("left", "100px");
對于fixed定位的元素,則需要使用window的scroll事件來觸發重新設置left值,代碼如下:
$(window).scroll(function() { $("#element").css("left", "100px"); });
這樣就可以保證每當頁面滾動時,元素的left值會重新被設置,達到需要的效果。