Изменение размера страницы с помощью JQuery .fadeIn, .fadeOut выглядит плохо - PullRequest
Новая
       11

Изменение размера страницы с помощью JQuery .fadeIn, .fadeOut выглядит плохо

0 голосов
/ 29 декабря 2011

Я пытаюсь, чтобы различные элементы div появлялись и исчезали на основе ссылок, которые нажимаются на странице.Он работает нормально, но всякий раз, когда один элемент исчезает, а другой исчезает одновременно, размер страницы изменяется довольно резко, и это выглядит «глючно».Задержка задержки в основном имеет тот же эффект, потому что размер страницы будет уменьшаться при исчезновении одного, а затем увеличиваться при увеличении другого.

Я хотел бы попробовать position:absolute с заданной высотой, но я бы хотелтакже хотелось бы, чтобы у пользователя была возможность загружать ВСЕ дивы сразу, и они перекрывались бы.

Я мог бы попробовать другие анимации, которые выглядят более плавными, но мне нравится затухание.

Кто-нибудь еще имел опыт работы с этим?Есть способ отложить изменение размера страницы, смеется?

1 Ответ

2 голосов
/ 04 мая 2015

Я боролся с той же проблемой. Чтобы обойти это, я получил текущую высоту родительского элемента div с помощью функции JQuery outerHeight (), а затем установил минимальную высоту элемента div в соответствии с текущей высотой, прежде чем вызывать функцию fadeOut дочернего элемента div.

HTML 

<div id="mydiv1">
    <div id="mydiv2">
        <!-- Elements to faded in and out -->
    </div>
</div>

JQuery 

var current_height = $('#mydiv1').outerHeight();
$("#mydiv1").css("min-height", current_height);

$('#mydiv2').fadeOut('slow', function()
{
    // Animation complete.
});

Это старый вопрос, который я знаю, но я надеюсь, что он поможет всем, кто нашел здесь путь.

...