Как получить позицию скрытого объекта

Question

Итак, у меня есть megamenu, над которым я работаю, и я хочу, чтобы он соответствовал размеру экрана. Когда подменю опущено, я не хочу, чтобы он находился на краю экрана. Икота в моем плане заключается в том, что я не знаю, как определить позицию элемента, прежде чем он будет виден в браузере. Есть ли способ сделать это?

Answer 1

if($(this).offset().left - 90 < window.screenLeft) { 
    $(this).next().css('left','0') 
} 
else if($(this).offset().left + $(this).outerWidth() + 90 > window.innerWidth) { 
    $(this).next().css('right', '0') 
} 
else { 
    $(this).next().css('left', '-90px') 
} 

Answer 2

Элемент не есть позиция, пока она не виден обозревателю.

Answer 3

Вы можете дать элементу непрозрачность 0,01, а затем проверить его положение. Это делает видимым, но все еще невидимым для обычного пользователя.

var offset = $(selector).show().css('opacity',0.01).offset(); 
$(selector).css('opacity',1).hide(); 

Answer 4

Вы могли бы показать элемент, чтобы получить свою позицию и скрыть его потом:

var element = $('#element'); 
element.show(); 
var position = element.position(); 
element.hide(); 

DEMO

Answer 5

var offset = $(selector).fadeTo(1, .01).offset(); 
$(selector).hide();