溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“jquery如何獲取設置元素位置”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“jquery如何獲取設置元素位置”吧!
一、獲取元素位置
offset()方法
offset()方法返回元素相對于頁面左上角的位置。代碼如下：
$(document).ready(function(){
var offset = $("#box").offset();
console.log(offset.left);
console.log(offset.top);
});position()方法
position()方法返回元素相對于其父元素左上角的位置。代碼如下：
$(document).ready(function(){
var position = $("#box").position();
console.log(position.left);
console.log(position.top);
});scrollTop()方法
scrollTop()方法返回當前頁面滾動的垂直距離。代碼如下：
$(document).ready(function(){
var scrollTop = $(window).scrollTop();
console.log(scrollTop);
});二、設置元素位置
offset()方法
offset()方法可以設置元素相對于頁面左上角的位置。代碼如下：
$(document).ready(function(){
$("#box").offset({left:100, top:200});
});css()方法
css()方法可以設置元素的CSS屬性。例如，可以設置元素的left和top屬性來改變其位置。代碼如下：
$(document).ready(function(){
$("#box").css({left:100, top:200});
});animate()方法
animate()方法可以在一段時間內平滑地改變元素的位置。代碼如下：
$(document).ready(function(){
$("#box").animate({left:100, top:200}, 1000);
});到此，相信大家對“jquery如何獲取設置元素位置”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
