问候,
我在页面上有一个用户注释列表,下一个按钮用于调用Ajax以获取第二组注释。
问题是,当加载条到位时,注释div的高度暂时变得非常小。这使得用户需要向下滚动以查看新评论
通过点击“下一步”评论,可以在this页面的底部看到该问题。
有没有办法强制div通过Javascript维持其高度?如果页面有3个或更少的注释,我不想硬编码div高度。
答案 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");