我有一个内容滑块...检查测试用例的小提琴..
我想要实现的是,当我滑到(无论如何).page_content时,网页需要将高度调整为当前列(面板或其他)....现在,显然它会调整到最高的面板...
并且请假设内容是动态加载的,所以我首先进行幻灯片,然后加载内容...(反之亦然......用于状态指示)....所以我不喜欢如此测试案例中提前知道面板高度...
我不想删除已经加载(但隐藏)的面板中的内容,只是为了获得合适的高度!
任何想法?它可以在CSS中完成,我需要更改我的标记吗?拜托,我很绝望!
答案 0 :(得分:2)
我在javascript和动画方面不是很好(甚至不是很好),但这是一个解决方案。
只需将容器div的高度设置为等于正在显示的内容div的高度。
答案 1 :(得分:1)
你可以尝试一下:
对于.page_content
设置height:auto;
(并删除列的固定高度)。
然后当您点击菜单链接时调整高度:
$("#webpage").css("height",$(".pg_"+$pg).height());
以下是更改: http://jsfiddle.net/VDz4J/14/
还假设您将使用诸如load之类的功能(要动态加载内容),您可以利用它的回调:
$('.pg_'+$pg).load('content_url.php', function() {
$("#webpage").css("height",$(this).height());
});