Позиция привязки jQuery: абсолютная для элемента

Question

У меня есть ситуация:

<div class="hey1"><img class="img1"></img></div>
<div class="hey2"><img class="img2"></img></div>
<div class="hey3"><img class="img3"></img></div>

, поэтому .img imgaes находятся в положении: абсолютное;привязано к правому верхнему углу связанных .hey div

когда я fadeOut ();например .hey1 div, другой .hey2, .hey3 divs прокручивает больше сверху (справа), но связанные изображения остаются в той же абсолютной позиции, что я хотел бы также связать .img изображения, когда исчезает связанный div

есть ли способ сделать это?

Answer 1

Убедитесь, что у ваших контейнеров есть position.

Пример: http://jsfiddle.net/redler/D6Ucg/

В этом примере щелкните желтое поле, чтобы оно исчезло. Затем посмотрите, что произойдет, если вы повторно запустите тест после удаления стиля div { position: relative; }.

Answer 2

Вместо того, чтобы позиционировать элементы img абсолютно с элементами div, расположите их относительно.Таким образом, они будут двигаться вместе с div, когда div будет перемещен с помощью прокрутки или программно.