Форум

jeysmook · #1 (**permalink**) 29.01.2013, 17:18

Возможно ли указать какой нибудь параметр, который указывал бы на, то как разворачивать элемент (с низу вверх или с верху вниз)?

$('.div').slideDown('slow');

<div class="div" style="display:none; position:absolute; width:200px; height:200px;">Текст</div>

Serg_pnz · #2 (**permalink**) 29.01.2013, 17:32

мне кажется только мутить анимацией с высотой и позиционированием (top) или отступом (margin)

jeysmook · #3 (**permalink**) 29.01.2013, 17:34

Serg_pnz,
Это я знаю, просто мне очень подходит slideDown()

Deff · #4 (**permalink**) 29.01.2013, 18:20

jeysmook,
сделать элементу position:relative и привязать botton:0; margin-top:auto;
margin-bottom:0;

jeysmook · #5 (**permalink**) 29.01.2013, 22:26

Deff,
А есть такая ситуация, то position:relative вряд ли поможет,

<div class="div" style="display:none; position:absolute; width:200px; height:200px;"><img src="1.jpg" /></div>

На самом деле немного у меня получилось решить проблему, всем спасибо за ответы)

Deff · #6 (**permalink**) 30.01.2013, 02:31

jeysmook,
Нужно тогда еще и высоту обертки фиксировать
div.div

Deff · #7 (**permalink**) 30.01.2013, 02:40

<script src="http://code.jquery.com/jquery-latest.js"></script>
<html>
<body style="height:100%;padding:34px;">


<div style="position:relative; height:200px;">
<div class="div" style="border:1px solid red;display:none; position:absolute; width:200px; height:200px;bottom:0;margin:auto 0 0 0">Текст</div></div>
<script>
$('.div').slideDown('slow');
</script>


</body>
</html>

display:none; position:relative; height:200px;

Serg_pnz · #8 (**permalink**) 30.01.2013, 08:18

Deff,
спасибо

jeysmook · #9 (**permalink**) 30.01.2013, 13:14

Deff,
Больше спасибо)

Форум

Справочник

Discord чат

Курсы javascript