浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法

浏览器窗口大小变化时使用resize事件对框架不起作用的解决办法，如下：

代码如下:

$(window).resize(function(){
var surH = $(window).height();
$(".pic_conent").height(surH);
}

当浏览器变化，拉大拉小时，没有反应；

方法一：在标签上加入  onLoad="" onResize=""  方法  写上对应的方法即可方法二：window.onresize=function(){///.....} 在方法里面写上对应的代码即可着两种方法基本都可以解决你的问题了

代码如下:

window.onresize=function(){
var surH = $(window).height();
$(".pic_conent").height(surH);
 }

赞 (0)

相关推荐

  • js实现浏览器窗口大小被改变时触发事件的方法

    本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法.分享给大家供大家参考.具体分析如下: 当浏览器的窗口大小被改变时触发的事件window.onresize 为事件指定代码: 复制代码 代码如下: window.onresize = function(){ } 例如: 浏览器可见区域信息: 复制代码 代码如下: <span id="info_jb51_net">请改变浏览器窗口大小</span> <script> window.onresiz

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

    如下所示: 当浏览器窗口发生该表示,会触发resize函数 // 浏览器大小发生变化时,给id为main-container的容器设置最小高度 <script type="text/javascript"> $(function(){ $(window).resize(function(){ $("#main-container").css("min-height", $(window).height() - 343); }).res

  • JS获取各种浏览器窗口大小的方法

    常用:JS 获取浏览器窗口大小 复制代码 代码如下: // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight) winHeight = window.innerHeig

  • 基于jquery的获取浏览器窗口大小的代码

    复制代码 代码如下: function getTotalHeight(){ if($.browser.msie){ return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight; } else { return self.innerHeight; } } function getTotalWidth (){ if($.brows

  • jQuery 计算iframe 窗口大小的方法

    复制代码 代码如下: <iframe id="aaax" src="" scrolling="no" frameborder="0" style="display:none"></iframe> <script language="javascript" type="text/javascript"> $(function () {

  • jquery实现根据浏览器窗口大小自动缩放图片的方法

    本文实例讲述了jquery实现根据浏览器窗口大小自动缩放图片的方法.分享给大家供大家参考.具体如下: (function($){ $.fn.resizeimage = function(){ var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback(img.width, img.height); } else { img.onload =

  • 使用jQuery监听DOM元素大小变化

    起因 今天写页面的时候突然有这么个需求,由于父元素(一个DIV)的height是由javascript计算出来的固定的值,而在其中增加了一个多说插件,在用户评论后,子元素(DIV)的height属性增加,导致子元素溢出.但是又不知道如何为多说的评论按钮增加回调函数,于是乎就想到了根据子元素的大小变化来重新计算父元素的height. onresize? 平常,都是在整个浏览器窗口变化时触发一个修改布局的回调函数.使用的是window对象的resize事件,利用: window.onresize =

  • jQuery监听浏览器窗口大小的变化实例

    方法一:在标签上加入  onLoad="" onResize=""  方法  写上对应的方法即可 方法二:window.onresize=function(){///.....} 在方法里面写上对应的代码即可 着两种方法基本都可以解决问题. <script> function adjust(obj){ var div = document.getElementById("pad"); var txt = document.getEle

  • 浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法

    浏览器窗口大小变化时使用resize事件对框架不起作用的解决办法,如下: 复制代码 代码如下: $(window).resize(function(){var surH = $(window).height();$(".pic_conent").height(surH);} 当浏览器变化,拉大拉小时,没有反应: 方法一:在标签上加入  onLoad="" onResize=""  方法  写上对应的方法即可方法二:window.onresize=

  • Ubuntu安装telent服务器时出现:apt-get:Package has no installation的原因及解决方法

    当我在终端敲下这条命令的时候,系统就提示telnetd:apt-get:Package has no installation sudo apt-get install xinetd telnetd 刚开始我以为是没有这个包,后来查了一下资料发现,有这个软件,于是百度了一下才知道解决以上问题需要如下操作: # apt-get update # apt-get upgrade # apt-get install <packagename> 这样就可以正常使用apt-get了. 接下来就按照以前转

  • javascript使用for循环批量注册的事件不能正确获取索引值的解决方法

    本文实例讲述了javascript使用for循环批量注册的事件不能正确获取索引值的解决方法.分享给大家供大家参考.具体分析如下: 可能不少朋友会遇到一个问题,那就是当使用for循环批量注册事件处理函数,然后最后通过事件处理函数获取当前元素的索引值的时候会失败,先看一段代码实例: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=&q

  • 浏览器执行history.go(-1) FCKeditor编辑框内显示html源代码的解决方法

    解决方法:FCK.LinkedField.value=FCKTools.HTMLEncode(FCK.LinkedField.value);改为 FCK.LinkedField.value=FCKTools.HTMLDecode(FCK.LinkedField.value); 如果问题不能解决,请注意是否清空浏览器缓存.

  • sql server 还原数据库时提示数据库正在使用，无法进行操作的解决方法

    这个问题的原因在于有用户连接了当前要做还原的数据库,这里的用户甚至包括当前要做还原的用户.解决办法就是关闭与要还原数据库的所有连接. 我们小编推荐的一个方法:到服务里面重启下sqlserver服务即可. 问题一描述:SQL Server数据库备份还原后,在数据库名称后会出现"受限制访问"字样 问题二描述:在对SQL Server数据库进行还原时,提示:System.Data.SqlClient.SqlError:因为数据库正在使用,所以无法获得对数据库的独占访问权.(Microsoft

  • javascript中onmouse事件在div中失效问题的解决方法

    也就是说,移到对象的子对象上,也算onmouseout了.但这往往会达不到我们想要的预期效果.这是由于javascript自身的冒泡特性导致的(即在子元素上触发了事件,并冒泡到了父元素-堆栈后进先出算法).今天在网上搜了一下,找了以下的解决办法(兼容IE和Firefox). 在IE下解决问题很简单,用onMouseEnter.onMouseLeave来代替onMouseOver.onMouseOut就行了,他们的作用基本相同,但前者不会发生冒泡(如果用 jQuery的event事件,只要绑定mo

  • jquery mobile的触控点击事件会多次触发问题的解决方法

    jquery mobile 对手势触控提供了如下几个事件监听: 复制代码 代码如下: tap  当用户点屏幕时触发taphold 当用户点屏幕且保持触摸超过1秒时触发swipe 当页面被垂直或者水平拖动时触发.这个事件有其相关联的属性,分别为scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and verticalDistanceThresholdswipeleft 当页面被拖动到左边方向时触发s

  • 安装SQL2005时出现的版本变更检查SKUUPGRADE=1问题的解决方法

    安装SQL2005时出现的版本变更检查SKUUPGRADE=1问题的解决方法

    因为要安装SQL的某个组件安装不上,决定卸载了SQL再重装一次,在重新安装时出现提示: 版本变更检查 若要将现有的 Microsoft SQL Server 2005 实例更改为 SQL Server 2005 的其他版本,必须从命令提示符下运行 SQL Server 2005 安装程序并包括 SKUUPGRADE=1 参数 操作方法: 以管理员身份运行命令提示符,找到SQL的服务器端安装文件Setup.exe文件的目录,后面增加参数 SKUUPGRADE=1. 示例: H:\>cd sql s

  • PHP生成验证码时“图像因其本身有错无法显示”的解决方法

    今天使用代码进行PHP生成校验码功能的实现,发现firefox一直提示"图像.......因其本身有错无法显示"的问题,作者也提示了说"如果浏览器显示"图像XXX因其本身有错无法显示",可尽量去掉文中空格",但把代码中所有空格都去掉了还是不能显示检验图片. 于是深度google,大部分的解决方案也是将"<?"这句代码前的空格回车一切都删掉以防止有html输出,但这根本解决不了我的问题,后来看到有人在Header(&quo

  • 搭建SSH时的思考和遇到的几个问题的解决方法

    SSH流行很久了,一直看到官方文档和网上都在讲如何整合SSH,讨论各种整合的优缺点.今天我比较闲,也用我的一些想法来试着整合这三个最流行的框架. 本次所用版本为:Struts 1.3.9   Spring 2.5   Hiberante 3.2 开发工具和环境为:Eclipse 3.3+MyEclipse 6.0+JBoss 4.2+Tomcat 用SSH时,我们的架构自然就会分成三层,即表现层,逻辑层和持久层,按照Martin Flower的指导思想,耦合越少越好,下层为上层提供服务,这也是R

随机推荐