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绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
Sort()函数的多种用法
Mar 20 Javascript
jQuery插件datatables使用教程
Apr 21 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
AngularJS HTML DOM详解及示例代码
Aug 17 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
vue读取本地的excel文件并显示在网页上方法示例
May 29 Javascript
vue移动端使用canvas签名的实现
Jan 15 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
使用eslint和githooks统一前端风格的技巧
Jul 29 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 获取可变函数参数的函数
2009/08/26 PHP
linux下编译安装memcached服务
2014/08/03 PHP
Laravel5.4框架中视图共享数据的方法详解
2019/09/05 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
JS中style属性
2006/10/11 Javascript
很酷的javascript loading效果代码
2008/06/18 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
浅谈JavaScript 中有关时间对象的方法
2016/08/15 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
GOJS+VUE实现流程图效果
2018/12/01 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
javascript canvas检测小球碰撞
2020/04/17 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
Vue使用Element实现增删改查+打包的步骤
2020/11/25 Vue.js
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
python制作爬虫并将抓取结果保存到excel中
2016/04/06 Python
12步入门Python中的decorator装饰器使用方法
2016/06/20 Python
Python判断变量是否为Json格式的字符串示例
2017/05/03 Python
Python入门_条件控制(详解)
2017/05/16 Python
python删除文本中行数标签的方法
2018/05/31 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
深入了解Python 变量作用域
2020/07/24 Python
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
安纳塔拉酒店度假村及水疗官方网站:Anantara Hotel
2016/08/25 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
农场厂长岗位职责
2013/12/28 职场文书
艺人经纪人岗位职责
2014/04/15 职场文书
Python利用机器学习算法实现垃圾邮件的识别
2021/06/28 Python
Java中Dijkstra(迪杰斯特拉)算法
2022/05/20 Java/Android