將DIV（滑塊）調整為屏幕尺寸

Question

我有一個完成的滑塊，但是有1個問題。 我需要將容器調整為Windows大小。

正如你可以看到這里

jQuery(document).ready(function(){
   $(".toggle_window").click(function(){
       $("#content").slideToggle("slow");
   });
});

滑塊消失，我沒有任何改變可按下按鈕，因此請再次折疊容器。 我認為問題出在這里#left及其高度（高度：880px;），但是我需要在95％的網頁上擴展此人。

哪種方法是調整容器大小的最佳方法？

感謝您的幫助。

提前thnx！

干杯。

Answer 1

在您的小提琴中錯誤地設置了元素#left高度。 嘗試將文檔上的元素高度設置為

 $("#left").height($( window ).height() - $("footer").position().left + 10);

如果您想要95％的人嘗試這樣，

$("#left").height($(window).height() /100 * 95 - $("footer").position().left);