调整DIV(滑块)到屏幕大小
Resize DIV (Slider) to screen size
我有一个完成的滑块,但是我有一个问题。我需要把容器的大小调整到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);
相关文章:
- 添加文字和评论功能更新Div
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- Div 设置为视口高度,即使调整屏幕大小也是如此
- Javascript Div's宽度根据屏幕宽度
- 将Div滑出屏幕,而不是淡出
- 如何使用Jquery根据屏幕大小更改Div的大小
- 如何解决弹出中心屏幕Div类
- Div根据屏幕分辨率自动调整
- 屏幕底部的 Div
- 使 Div 适合屏幕,但减去左边距
- 如何滚动以在屏幕底部设置 DIV 的底部(监视器)
- DIV 中的 CSS 中心中间元素,用于多种屏幕尺寸
- 页面加载时屏幕上显示JQuery Stop Div
- 使用jQuery/JavaScript从iframe中激活以屏幕为中心的DIV
- Div不根据屏幕大小进行渲染
- DIV标签没有根据屏幕大小显示
- Div在屏幕顶部增长,一旦滚动就会缩小
- 调整DIV(滑块)到屏幕大小
- 将DIV移出屏幕而不会弄乱宽度
- 删除Div标签时,屏幕是在一定的大小使用jQuery或javascript