jquery让页面中的模块自适应浏览器高度
2015-08-18 14:31
585 查看
//加载时适应浏览器高度 $(document).ready(function() { //模块尺寸 $('#div_frame_body').css('height', $(window).height()); $('#div_frame_main').css('height', $(window).height() - 110); $('#div_frame_left').css('height', $(window).height() - 115); $('#div_frame_right').css('height', $(window).height() - 110); $('#div_frame_tree').css('height', $(window).height()-5); $('#div_frame_list').css('height', $(window).height()-5); $('#frame_left').css('height', $(window).height() - 115); $('#frame_right').css('height', $(window).height() - 110); }) //改变窗体大小时适应浏览器高度 $(window).resize(function() { //模块尺寸 $('#div_frame_body').css('height', $(window).height()); $('#div_frame_main').css('height', $(window).height() - 110); $('#div_frame_left').css('height', $(window).height() - 115); $('#div_frame_right').css('height', $(window).height() - 110); $('#div_frame_tree').css('height', $(window).height()); $('#div_frame_list').css('height', $(window).height()); $('#frame_left').css('height', $(window).height() - 115); $('#frame_right').css('height', $(window).height() - 110); });
$('#div_frame_body').css('height', $(window).height());使用juqery函数获取浏览器窗体的高度,后面减去的是已经占用的具体高度
相关文章推荐
- jquery SweetAlert插件实现响应式提示框
- jQuery事件:bind、delegate、on的区别
- jquery base64加密
- jquery与ajax的整合
- (转)jquery对表单元素的取值和赋值
- jQuery中$.fn的用法示例介绍
- JQuery 弹出层,始终显示在屏幕正中间
- jquery的dom操作
- 【锋利的jQuery】学习笔记03
- JQuery中$.ajax()方法参数详解
- jquery选择器
- jquery使用ul模拟select实现表单美化的方法
- JQuery————基础&&基础选择器
- 三元表达式之理解/jquery源码分析之$.inArray实现
- jquery对象与dom对象的相互转化
- jquery 操作DOM的基本用法分享
- JQuery实现数字滚动增加的效果
- jQuery效果总结
- jQuery实战——jQuery本质是一个javascript函数
- Jquery动画第二部分