ฉันจะค้นหาตำแหน่งสัมบูรณ์ขององค์ประกอบโดยใช้ jQuery ได้อย่างไร

มีวิธีการหาตำแหน่งที่แน่นอนขององค์ประกอบคือเมื่อเทียบกับจุดเริ่มต้นของหน้าต่างโดยใช้ jQuery?

.offset() จะส่งคืนตำแหน่งออฟเซ็ตขององค์ประกอบเป็นวัตถุอย่างง่ายเช่น:

var position = $(element).offset(); // position = { left: 42, top: 567 }

คุณสามารถใช้ค่าส่งคืนนี้เพื่อจัดวางองค์ประกอบอื่น ๆ ที่จุดเดียวกัน:

$(anotherElement).css(position)

โปรดทราบว่า$(element).offset()จะบอกคุณตำแหน่งขององค์ประกอบที่สัมพันธ์กับเอกสาร วิธีนี้ใช้งานได้ดีในสถานการณ์ส่วนใหญ่ แต่ในกรณีที่position:fixedคุณสามารถรับผลลัพธ์ที่ไม่คาดคิด

หากเอกสารของคุณยาวกว่าวิวพอร์ตและคุณเลื่อนแนวตั้งไปทางด้านล่างของเอกสารค่าposition:fixedองค์ประกอบของคุณจะมากกว่าค่าที่คาดไว้ตามจำนวนเงินที่คุณเลื่อนoffset()

หากคุณกำลังมองหาค่าเทียบกับวิวพอร์ต (หน้าต่าง) มากกว่าเอกสารบนตำแหน่ง: คงองค์ประกอบคุณสามารถลบเอกสารscrollTop()ค่าจากองค์ประกอบคงที่ของoffset().topความคุ้มค่า ตัวอย่าง:$("#el").offset().top - $(document).scrollTop()

ถ้าposition:fixedองค์ประกอบหลักของออฟเซ็ตเป็นเอกสารคุณต้องการอ่านparseInt($.css('top'))แทน