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 相关文章推荐
jquery设置按钮停顿3秒不可用
Mar 07 Javascript
jQuery实现的导航条切换可显示隐藏
Oct 22 Javascript
js正则表达式验证邮件地址
Nov 12 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
Mar 09 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
Oct 11 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
Nov 28 Javascript
Angular(5.2-&gt;6.1)升级小结
Dec 27 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
vue webpack build资源相对路径的问题及解决方法
Jun 04 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
对比分析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下载远程图片函数 可伪造来路
2013/06/25 PHP
分享下页面关键字抓取components.arrow.com站点代码
2014/01/30 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
告诉大家什么是JSON
2008/06/10 Javascript
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
2010/11/14 Javascript
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
2014/03/18 NodeJs
jQuery中Ajax的get、post等方法详解
2015/01/20 Javascript
JavaScript常用本地对象小结
2016/03/28 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
Angular实现图片裁剪工具ngImgCrop实践
2017/08/17 Javascript
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
一个因@click.stop引发的bug的解决
2019/01/08 Javascript
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
浅入深出Vue之自动化路由
2019/08/06 Javascript
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
python 实现文件的递归拷贝实现代码
2012/08/02 Python
使用PyInstaller将python转成可执行文件exe笔记
2018/05/26 Python
Windows下安装Scrapy
2018/10/17 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
python爬虫要用到的库总结
2020/07/28 Python
英国知名化妆品网站:Revolution Beauty(原TAM Beauty)
2018/02/28 全球购物
会计求职信
2014/05/29 职场文书
本科毕业生应聘求职信
2014/07/06 职场文书
人事经理岗位职责范本
2014/08/04 职场文书
党的生日演讲稿
2014/09/10 职场文书
班级管理经验交流材料
2015/11/02 职场文书
Python+uiautomator2实现自动刷抖音视频功能
2021/04/29 Python
解决Laravel使用验证时跳转到首页的问题
2021/11/17 PHP