JQuery ползунок ... как с автоматической высотой?

Question

http://jsfiddle.net/VDz4J/5/

У меня есть слайдер содержимого ... проверьте скрипку для контрольного примера ..

что я хотел бы добиться, так это то, что когда я перемещаюсь в (что угодно) .page_content, веб-странице необходимо будет отрегулировать высоту до текущего столбца (панель или что-то еще) .... сейчас очевидно, он подстраивается под самую высокую панель ...

и, пожалуйста, предположим, что контент загружается динамически, поэтому сначала я делаю слайд, затем загружаю контент внутри ... (не наоборот ... для целей индикации состояния) .... так что я не заранее знать высоту панели, как в этом тестовом примере ...

Я не хочу удалять контент с уже загруженных (но скрытых) панелей только для того, чтобы получить нужную высоту!

есть идеи? это можно сделать только в CSS, мне нужно изменить разметку? Пожалуйста, я в отчаянии!

Answer 1

Я не очень хорош (или даже хорош) в javascript и анимациях, но вот решение.

Просто анимируйте высоту контейнера div, чтобы она равнялась высоте отображаемого div контента.

http://jsfiddle.net/VDz4J/15/

Answer 2

Вы можете попробовать это: Для .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());
});