2013-02-10 72 views
0

我期待在我的页面上获得类似于主持人实时聊天事件的效果,我看过here,这与我试图实现的类似,但有一个问题div喜欢从height:1px开始,并将div滑动到原来的高度,我想要的是div的高度始终相同,它从页面顶部向下滑动而不是div的顶部,我希望这可以解释好吧。向下滑动jQuery

+0

同样以防万一,这是重要的是,我的div是position:fixed; – iConnor 2013-02-10 14:30:25

+0

链接是那里只是非常隐形 – iConnor 2013-02-10 14:32:41

+0

我用jquery slideDown – iConnor 2013-02-10 14:33:37

回答

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

+0

是的,多数民众赞成我想要的,但与该代码我会如何滑下来?作为你的例子幻灯片 – iConnor 2013-02-10 14:35:38

+0

@ConnorMiles我已经更新了我的答案... http://jsfiddle.net/TfLj2/ – yckart 2013-02-10 14:36:56

+0

注意:我现在在js上使用margin-left,所以从左侧的幻灯片|好的,很酷的感谢,它的工作,但我有一个问题,我正在使用的位置固定,这不起作用,所以我很高兴使用相对但我如何保持潜水中心,如果我应用余裕: 0与JavaScript? – iConnor 2013-02-10 14:48:37