Question

我希望在我的页面上获得类似于host-gators实时聊天的效果，我看了here这与我想要实现的类似但是有一个问题{ {1}}从div开始，将height:1px向下滑动到原来的高度，我想要的是div的高度始终相同，然后从div向下滑动页面顶部而不是div的顶部，我希望这很好地解释了它。

Answer 1

你的意思是blind - 效果。看看这里：http://fiddle.jshell.net/cZQTR/

我为fx写了一个小插件：

jQuery.fn.blindToggle = function (duration, easing, complete) {
    return this.animate({
        marginTop: parseFloat(this.css('marginTop')) < 0 ? 0 : -this.outerHeight(true)
    }, jQuery.speed(duration, easing, complete));
};

<强>更新

jQuery.fn.blindUp = function (duration, easing, complete) {
    return this.animate({
        marginTop: -this.outerHeight(true)
    }, jQuery.speed(duration, easing, complete));
};

jQuery.fn.blindDown = function (duration, easing, complete) {
    return this.animate({
        marginTop: 0
    }, jQuery.speed(duration, easing, complete));
};

<强> demo

在jQuery中向下滑动

1 个答案: