向下滑动jQuery
我期待在我的页面上获得类似于主持人实时聊天事件的效果,我看过here,这与我试图实现的类似,但有一个问题div
喜欢从height:1px
开始,并将div
滑动到原来的高度,我想要的是div
的高度始终相同,它从页面顶部向下滑动而不是div
的顶部,我希望这可以解释好吧。向下滑动jQuery
你的意思是一个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));
};
是的,多数民众赞成我想要的,但与该代码我会如何滑下来?作为你的例子幻灯片 – iConnor 2013-02-10 14:35:38
@ConnorMiles我已经更新了我的答案... http://jsfiddle.net/TfLj2/ – yckart 2013-02-10 14:36:56
注意:我现在在js上使用margin-left,所以从左侧的幻灯片|好的,很酷的感谢,它的工作,但我有一个问题,我正在使用的位置固定,这不起作用,所以我很高兴使用相对但我如何保持潜水中心,如果我应用余裕: 0与JavaScript? – iConnor 2013-02-10 14:48:37
同样以防万一,这是重要的是,我的div是position:fixed; – iConnor 2013-02-10 14:30:25
链接是那里只是非常隐形 – iConnor 2013-02-10 14:32:41
我用jquery slideDown – iConnor 2013-02-10 14:33:37