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 相关文章推荐
Javascript条件判断使用小技巧总结
Sep 08 Javascript
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
Aug 22 Javascript
node.js中的fs.read方法使用说明
Dec 17 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
javascript制作2048游戏
Mar 30 Javascript
微信支付如何实现内置浏览器的H5页面支付
Sep 25 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 Javascript
小程序中手机号识别的示例
Dec 14 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
PHP+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
PHP 事件机制(2)
2011/03/23 PHP
jquery显示和隐藏div特效实例
2013/02/27 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
2013/05/03 Javascript
jQuery实现拖拽效果插件的方法
2015/03/23 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
AngularJS通过$location获取及改变当前页面的URL
2016/09/23 Javascript
快速解决js开发下拉框中blur与click冲突
2016/10/10 Javascript
jQuery表格的维护和删除操作
2017/02/03 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
快速处理vue渲染前的显示问题
2018/03/05 Javascript
使用vue2实现购物车和地址选配功能
2018/03/29 Javascript
利用vscode调试编译后的js代码详解
2018/05/14 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
原生js实现日期选择插件
2020/05/21 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
python装饰器decorator介绍
2014/11/21 Python
详解Python中内置的NotImplemented类型的用法
2015/03/31 Python
浅谈python多线程和队列管理shell程序
2015/08/04 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
python实现控制COM口的示例
2019/07/03 Python
python 自定义装饰器实例详解
2019/07/20 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
美国演唱会订票网站:Ticketmaster美国
2017/10/05 全球购物
Ajax的优点和缺点
2014/11/21 面试题
Python是如何进行类型转换的
2013/06/09 面试题
调查研究项目计划书
2014/04/29 职场文书
唐山大地震的观后感
2015/06/05 职场文书
环境卫生整治简报
2015/07/20 职场文书
高考百日冲刺决心书
2015/09/23 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书