Jquery根据浏览器窗口改变调整大小的方法


Posted in Javascript onFebruary 07, 2017

如下所示:

当浏览器窗口发生该表示,会触发resize函数

// 浏览器大小发生变化时,给id为main-container的容器设置最小高度
<script type="text/javascript">
  $(function(){
    $(window).resize(function(){
      $("#main-container").css("min-height", $(window).height() - 343);
    }).resize();
  })
</script>

以上这篇Jquery根据浏览器窗口改变调整大小的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
CSS常用网站布局实例
Apr 03 Javascript
js类式继承的具体实现方法
Dec 31 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 Javascript
JavaScript入门教程之引用类型
May 04 Javascript
瀑布流的实现方式(原生js+jquery+css3)
Jun 28 Javascript
微信小程序  简单实例(阅读器)的实例开发
Sep 29 Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
vue v-on监听事件详解
May 17 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
js实现AI五子棋人机大战
May 28 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 #Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 #Javascript
深入理解JavaScript中的for循环
Feb 07 #Javascript
vue实现ToDoList简单实例
Feb 07 #Javascript
js Canvas绘制圆形时钟教程
Feb 06 #Javascript
JS中静态页面实现微信分享功能
Feb 06 #Javascript
JS日程管理插件FullCalendar中文说明文档
Feb 06 #Javascript
You might like
最小化数据传输――在客户端存储数据
2006/10/09 PHP
提高PHP编程效率的53个要点(经验小结)
2010/09/04 PHP
php curl_init函数用法
2014/01/31 PHP
PHP输出九九乘法表代码实例
2015/03/27 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
php表单处理操作
2017/11/16 PHP
JQuery Tips(3) 关于$()包装集内元素的改变
2009/12/14 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
JS打开新窗口的2种方式
2013/04/18 Javascript
上传的js验证(图片/文件的扩展名)
2013/04/25 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
基于canvas实现的绚丽圆圈效果完整实例
2016/01/26 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
2017/01/06 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
2017/11/06 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
vue-cli3脚手架的配置及使用教程
2018/08/28 Javascript
jquery实现的分页显示功能示例
2019/08/23 jQuery
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
如何使用原生Js实现随机点名详解
2021/01/06 Javascript
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
tensorflow 模型权重导出实例
2020/01/24 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
Python如何实现的二分查找算法
2020/05/27 Python
be2台湾单身男女交友:全球网路婚姻介绍的领导品牌
2019/10/11 全球购物
耐克亚太地区:Nike APAC
2019/12/07 全球购物
一套C++笔试题面试题
2012/06/06 面试题
大一自我鉴定范文
2013/10/04 职场文书
升学宴主持词
2014/04/02 职场文书
开展读书活动总结
2014/06/30 职场文书
数据设计之权限的实现
2022/08/05 MySQL