Использование JQuery .animate для изменения div с высоты 0px до 450 px, но этот процесс создает нежелательное поле - PullRequest
Новая
       3

Использование JQuery .animate для изменения div с высоты 0px до 450 px, но этот процесс создает нежелательное поле

2 голосов
/ 06 июня 2011

Я пытался создать складной нижний колонтитул с помощью JQuery.У меня есть все функции анимации, работающие вместе, однако функция animate, которая работает с div (id = draw), создает нечто, что ведет себя как поле под ним (но не появляется ни в каких атрибутах стиля или вычисляемых атрибутах).

Он просто толкает любой объект под ним на ту же высоту, что и значение высоты анимированного CSS, которое я использую.

Используемый код: 

    $("#close").hide();
$("#open").click(function () {
  $("#draw").animate({height:"450px"},"slow");
  $("#container").animate({top:"-450px"},"slow");           
  $("#open").hide();
  $("#close").show();
     });
$("#close, .shadow").click(function () {
  $("#draw").animate({height:"0px"},"slow");
  $("#container").animate({top:"0px"},"slow");
  $("#open").show();
   $("#close").hide();
     });

Для лучшего пониманиято, что я описываю, проверьте http://365Designs.com/contact и нажмите «открыть» в нижнем колонтитуле.

Я буду очень благодарен за любую помощь.

Редакция: Извините,Я не совсем прояснил свои намерения, я на самом деле хочу, чтобы основной контейнер div двигался вверх (или, по крайней мере, чтобы создать тот же эффект), чтобы страница выше исчезла со страницы пропорционально вновь созданной высоте div вдно.

1 Ответ

0 голосов
/ 06 июня 2011

Это потому, что вы оживляете основной контейнер на 450 пикселей вверх.Если вы нажмете на верхнюю часть страницы после нажатия, вы увидите, что ее там нет.Удалите эту строку кода, и все должно быть в порядке.

...