阿贾克斯科维持身高

时间:2010-04-13 16:48:13

标签: javascript ajax dynamic height

问候,

我在页面上有一个用户注释列表,下一个按钮用于调用Ajax以获取第二组注释。

问题是,当加载条到位时,注释div的高度暂时变得非常小。这使得用户需要向下滚动以查看新评论

通过点击“下一步”评论,可以在this页面的底部看到该问题。

有没有办法强制div通过Javascript维持其高度?如果页面有3个或更少的注释,我不想硬编码div高度。

3 个答案:

答案 0 :(得分:3)

在将ajax-content加载到comments部分之前设置注释容器的高度,如下所示(jQuery):

 // #comments is just an example. It may not be the same as your comments section.
$("#comments").css("height",$("#comments").height);

然后在加载你的评论后(ajax完成/成功回调)取消设置这样的高度:

$("#comments").css("height","auto");

答案 1 :(得分:0)

仅添加height() (括号) 此处

$("#comments").css("height",$("#comments").height);

答案 2 :(得分:0)

我知道这是一个比较老的问题,但这对我有用。

var containerHeight = $("#comments").height();
$("#comments").css("height",containerHeight);

然后在加载内容时将其设置为“高度自动设置”。

$("#comments").css("height","auto");