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 相关文章推荐
HTML 自动伸缩的表格Table js实现
Apr 01 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
Aug 26 Javascript
jQuery+ajax+asp.net获取Json值的方法
Jun 08 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
JS封装通过className获取元素的函数示例
Dec 20 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
深入了解响应式React Native Echarts组件
May 29 Javascript
Vue中keep-alive组件作用详解
Feb 04 Javascript
JavaScript实现横版菜单栏
Mar 17 Javascript
结合axios对项目中的api请求进行封装操作
Sep 21 Javascript
详解jQuery的核心函数和事件处理
Feb 18 jQuery
对比分析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连接MYSQL成功与否的代码
2013/08/16 PHP
PHP单例模式数据库连接类与页面静态化实现方法
2019/03/20 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
使用jQuery获取data-的自定义属性
2015/11/10 Javascript
一个超简单的jQuery回调函数例子(分享)
2016/08/08 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
jQuery利用sort对DOM元素进行排序操作
2016/11/07 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
js+html5 canvas实现ps钢笔抠图
2019/04/28 Javascript
jquery+css实现Tab栏切换的代码实例
2019/05/14 jQuery
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
webpack打包优化的几个方法总结
2020/02/10 Javascript
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
解析Python编程中的包结构
2015/10/25 Python
基于Python实现拆分和合并GIF动态图
2019/10/22 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
python切片作为占位符使用实例讲解
2021/02/17 Python
塔吉特百货公司官网:Target
2017/04/27 全球购物
如何定义一个可复用的服务
2014/09/30 面试题
汉语专业应届生求职信
2013/10/01 职场文书
警察思想汇报
2014/01/04 职场文书
2014年健康教育实施方案
2014/02/17 职场文书
奥巴马开学演讲稿
2014/05/15 职场文书
社区元宵节活动总结
2015/02/06 职场文书
刮痧观后感
2015/06/05 职场文书
中职班主任培训心得体会
2016/01/07 职场文书
严以用权学习心得体会
2016/01/12 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
超级详细实用的pycharm常用快捷键
2021/05/12 Python
使用CSS自定义属性实现骨架屏效果
2022/06/21 HTML / CSS