在前端開發中,我們經常需要設置元素的位置,而有時候又希望元素的位置不變。下面我們來介紹如何使用jquery來設置元素位置不變。
$(document).ready(function(){ var topValue = $('#myDiv').offset().top; // 獲取元素相對于文檔頂部的距離 $(window).scroll(function(){ $('#myDiv').css('top', topValue - $(window).scrollTop()); // 根據滾動條的位置動態設置元素的top值 }); });
代碼解釋:
首先,我們使用offset()方法獲取元素相對于文檔頂部的距離,并將其保存在變量topValue中。
接著,我們使用scroll()方法監聽窗口滾動事件。每次滾動時,根據滾動條的位置,我們可以計算出元素相對于窗口頂部的距離,并將其設置為元素的top值。
這樣,無論我們怎樣滾動頁面,元素的位置都會保持不變。