在web開發中,經常需要為頁面中的某個元素設置底部固定。這時,我們就可以使用jQuery的簡單代碼實現div底部固定。
$(window).on("load resize", function(){ var footerHeight = $(".footer").outerHeight(); $("body").css("padding-bottom", footerHeight); });
以上代碼會檢測頁面加載和窗口尺寸改變事件。然后,通過`$(".footer").outerHeight()`獲取底部元素(如footer)的高度,最后將身體元素的底部填充值設置為底部元素的高度,達到底部固定效果。
值得注意的是,必須在所有頁面內容加載完成后執行這段代碼,否則可能會導致頁面高度計算錯誤。另外,在使用該代碼時,需要將底部元素的位置設置為絕對定位(`position: absolute; bottom: 0;`)。
除了以上的代碼,還有其他一些方法可以實現div底部固定,如使用CSS Sticky position屬性、Flexbox等技術。具體使用哪種方法取決于不同的需求和情況。
上一篇jquery div拖動
下一篇jquery div底部