làm thế nào để có được bù đắp đúng của một yếu tố? - jQuery

Question

Đây có lẽ là một câu hỏi thực sự đơn giản, nhưng làm thế nào để tôi đi về việc bù đắp đúng của một phần tử trong jQuery?

tôi có thể làm:

$("#whatever").offset().left; 

và nó là hợp lệ.

Nhưng có vẻ như rằng:

$("#whatever").offset().right 

là undefined.

Vậy làm cách nào để thực hiện điều này trong jQuery?

Cảm ơn !!

Answer 1

Alex, Gary:

Theo yêu cầu, đây là nhận xét của tôi đăng tải như một câu trả lời:

var rt = ($(window).width() - ($whatever.offset().left + $whatever.outerWidth())); 

Cảm ơn đã cho tôi biết.

Answer 2

var $whatever  = $('#whatever'); 
var ending_right  = ($(window).width() - ($whatever.offset().left + $whatever.outerWidth())); 

tham khảo: .outerWidth()

Answer 3

Có lẽ tôi là sự hiểu lầm câu hỏi của bạn, nhưng bù đắp được cho là cung cấp cho bạn hai biến: a ngang và dọc. Điều này xác định vị trí của phần tử. Vì vậy, những gì bạn đang tìm kiếm là:

$("#whatever").offset().left 

và

$("#whatever").offset().top 

Nếu bạn cần phải biết được nơi đường biên bên phải của nguyên tố của bạn, sau đó bạn nên sử dụng:

$("#whatever").offset().left + $("#whatever").outerWidth() 

Answer 4

Chỉ cần thêm vào những gì Greg đã nói:

$ ("# whatever"). Offset(). Left + $ ("# outerWidth()

Mã này sẽ nhận được đúng vị trí tương ứng với phía bên trái. Nếu mục đích là để có được vị trí phía bên phải so với bên phải (như khi sử dụng các thuộc tính CSS right) sau đó một sự bổ sung vào mã là cần thiết như sau:.

$ ("# parent_container") innerWidth () - ($ ("# bất kỳ"). offset(). left + $ ("# whatever"). outerWidth())

Mã này hữu ích trong hoạt ảnh mà bạn phải đặt bên phải là một neo cố định khi bạn ban đầu không thể đặt thuộc tính right trong CSS.

Answer 5

Brendon Crawford có câu trả lời hay nhất ở đây (trong nhận xét), vì vậy tôi sẽ chuyển câu trả lời cho đến khi anh ấy làm (và có thể mở rộng một chút).

var offset = $('#whatever').offset(); 

offset.right = $(window).width() - (offset.left + $('#whatever').outerWidth(true)); 
offset.bottom = $(window).height() - (offset.top + $('#whatever').outerHeight(true)); 

Answer 6

Thực tế, các tác vụ này chỉ hoạt động khi cửa sổ không được cuộn ở vị trí trên cùng bên trái.
Bạn cần phải trừ đi giá trị sổ cuộn để có được một bù đắp đó là hữu ích cho các yếu tố định vị để họ ở lại trên trang:

var offset = $('#whatever').offset(); 

offset.right = ($(window).width() + $(window).scrollLeft()) - (offset.left + $('#whatever').outerWidth(true)); 
offset.bottom = ($(window).height() + $(window).scrollTop()) - (offset.top + $('#whatever').outerHeight(true)); 

Answer 7

Lấy điểm neo của một div/table (left) = $("#whatever").offset().left; - ok!

Nhận điểm neo của div/table (right) bạn có thể sử dụng mã bên dưới.

$("#whatever").width(); 

Answer 8

Có một DOM API bản địa mà đạt được điều này ra khỏi hộp - getBoundingClientRect:

document.querySelector("#whatever").getBoundingClientRect().right