调整DIV(滑块)到屏幕大小

Resize DIV (Slider) to screen size

本文关键字:屏幕 DIV 滑块 调整      更新时间:2023-09-26

我有一个完成的滑块,但是我有一个问题。我需要把容器的大小调整到window的大小

你可以在这里看到

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

滑块消失,我没有任何改变按下按钮,所以再次折叠容器。我认为问题出在这里#left和这个的高度(height: 880px;),但是我需要把这个家伙扩展到网页的95%。

哪一个将是最好的方式来重新大小的容器?

我很感激你的帮助。

提前感谢!

欢呼。

元素#left高度设置错误。尝试将document ready上的元素高度设置为

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

如果你想要精确到95%,试一下

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