jquery滑块。。。如何自动调整高度?

jquery滑块。。。如何自动调整高度?,jquery,css,slider,Jquery,Css,Slider,我有一个内容滑块。。。检查小提琴上的测试用例 我想实现的是,当我滑到一个(无论什么)页面内容时,网页需要调整当前列的高度(面板或任何内容)…现在,显然它调整到最高的面板 请假设,内容是动态加载的,所以我先做幻灯片,然后加载里面的内容。。。(反之亦然…出于状态指示的目的)…因此我不知道面板的高度,就像在这个测试用例中一样 我不想删除已加载(但隐藏)面板中的内容,只是为了获得适当的高度 有什么想法吗?是否可以只在CSS中完成,是否需要更改标记?求你了,我绝望了 我不擅长(甚至不擅长)javascri

我有一个内容滑块。。。检查小提琴上的测试用例

我想实现的是,当我滑到一个(无论什么)页面内容时,网页需要调整当前列的高度(面板或任何内容)…现在,显然它调整到最高的面板

请假设,内容是动态加载的,所以我先做幻灯片,然后加载里面的内容。。。(反之亦然…出于状态指示的目的)…因此我不知道面板的高度,就像在这个测试用例中一样

我不想删除已加载(但隐藏)面板中的内容,只是为了获得适当的高度

有什么想法吗?是否可以只在CSS中完成,是否需要更改标记?求你了,我绝望了

我不擅长(甚至不擅长)javascript和动画,但这里有一个解决方案

只需将容器div的高度设置为与正在显示的内容div的高度相等即可

我不擅长(甚至不擅长)javascript和动画,但这里有一个解决方案

只需将容器div的高度设置为与正在显示的内容div的高度相等即可

您可以尝试以下方法: 对于
。页面内容
设置
高度:自动(并删除列的固定高度)

然后,当您单击菜单链接时,调整高度:

以下是变化:

另外,假设您将使用load(动态加载内容)之类的函数,您可以利用它的回调:

$('.pg_'+$pg).load('content_url.php', function() {
   $("#webpage").css("height",$(this).height());
});
你可以试试这个: 对于
。页面内容
设置
高度:自动(并删除列的固定高度)

然后,当您单击菜单链接时,调整高度:

以下是变化:

另外,假设您将使用load(动态加载内容)之类的函数,您可以利用它的回调:

$('.pg_'+$pg).load('content_url.php', function() {
   $("#webpage").css("height",$(this).height());
});

是的,我也这么做了。。。几乎相同的方式唯一的问题是,我需要在内容完全加载后添加动画…:S感谢帮助1我使用.css()进一步更新了它,所以你看不到背景调整大小是的,我也这样做了。。。几乎相同的方法唯一的问题是,我需要在内容完全加载后将动画添加到…:S感谢帮助1我使用.css()进一步更新了它,因此您不会看到背景调整大小