代码之家 › 专栏 › 技术社区 › StuR

jquery平滑滑动分区高度

slidedown slideup slidetoggle jquery

1

StuR · 技术社区 · 15 年前

我有一个高度为400px的DIV,ID为“content”,然后在该DIV上执行一个滑块切换,将一些数据加载到一个不同高度的DIV中,例如200px,然后再执行另一个滑块切换。我得到的是幻灯片扩展到400px,然后跳转回200px。反过来也是一样,扩大到200px,然后跳转到400px。

这是我的代码:

$('#content').slideToggle(600, function() {
    $("#content").load('data.php').slideToggle(600);
});

所以我想我可以做这样的事情,它将向上滑动content div,加载数据,然后在加载之后再向下滑动。这并不像上面的方法那样跳跃,但出于某种原因,它是相当颠簸的。

$('#content').slideUp(600, function() {
    $("#content").load('data.php', function() {
        $("#content").slideDown(600);
    });
});

有人能告诉我,有没有更好的方法,这样我就可以顺利地滑下去?

2 回复 | 直到 15 年前

1

4

Tom Brothers 15 年前

我也有类似的问题。我可以通过在向上滑动之前设置DIV高度来纠正这个问题。

例子:

$("#myDiv").height($("#myDiv").height());
$("#myDiv").slideUp();

2

StuR 15 年前

$('#content').slideUp(600, function() {
    $("#content").load('data.php', function() {
        $("#content").slideDown(600);
    });
});

这会产生最好的结果。