jQuery гладкий скользящий див.
-
19-09-2019 - |
Вопрос
У меня есть Div, высотой 400 пикселей в высоту с идентификатором «контент», я затем делаю Slidetoggle на Div, загружаю некоторые данные в Div различной высоты, например, 200px, а затем делаю еще один слайдтоггл. Что я получаю, так это расширение слайда до 400 пикселей, а затем перепрыгнуть до 200 пикселей. И то же самое в обратном направлении, расширяясь до 200px, затем прыгает до 400px.
Это мой код:
$('#content').slideToggle(600, function() {
$("#content").load('data.php').slideToggle(600);
});
Поэтому я подумал, что смогу сделать что -то подобное, что сдвинуло бы содержимое DIV, загрузил данные, а затем после того, как он загружен, скользит обратно вниз. Это не прыгает, как приведенный выше метод, но по какой -то причине он довольно резко.
$('#content').slideUp(600, function() {
$("#content").load('data.php', function() {
$("#content").slideDown(600);
});
});
Может ли кто -нибудь сказать мне, есть ли лучший способ сделать это, чтобы я мог проложить это гладко?
Решение 2
$('#content').slideUp(600, function() {
$("#content").load('data.php', function() {
$("#content").slideDown(600);
});
});
Это дает лучшие результаты.
Другие советы
У меня была похожая проблема. Я смог исправить эту проблему, установив высоту div, прежде чем скользить.
Пример:
$("#myDiv").height($("#myDiv").height());
$("#myDiv").slideUp();