IE6中使用position导致页面变形的解决方案(js代码)
如图所示:
解决方案:
1.缩放窗体时先得到内容左边的空白宽度。
$("#nav").offset().left; 得到内容区左边的空白宽度。
2.得到整个窗体的宽度(注意:桌面分辨率为基准,少了加上来)。
3.用桌面分辨率的宽度-页面内容区的宽度/2,就可以得到一边多余的宽度。
4.如果得到的值跟$("#nav").offset().left;得到值不同,则可以调到两值相同。
代码如下:
var ietest=function()
{
if ($.browser.msie) {
if ($.browser.version == "6.0")
{
var _width=document.documentElement.clientWidth+29; //桌面分辨率大小
$("#nav").css("left",((_width-950)/2)-15); //重新设置值
return false;
}
return false;
}
return false;
}
window.onresize=ietest; //缩放窗体时触发事件
相关推荐
-
JS中定位 position 的使用实例代码
废话不多说了,直接给大家贴代码了,具体代码如下所述: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{width:200px;} </style> </head> <body> <div id=&q
-
javascript ie6兼容position:fixed实现思路
positon:fixed 让HTML元素脱离文档流固定在浏览器的某个位置 网页中经常会有浮动的导航条会用到这种定位模式,但是ie6下并不兼容这种定位 浮动导航条的样式,重要的是position:fixed;bottom:60px;(浮动导航底部距离窗口底部60px) 复制代码 代码如下: .floating_9677{position:fixed; z-index:961; bottom:60px;} ie6下positon:fixed不起作用,只能靠js来实现了,首先在ie6下需要将posi
-
javascript改变position值实现菜单滚动至顶部后固定
现在很多网站都有这样的一个效果,当页面滚动到一定高度时,菜单栏会固定在页面顶部.其实就是改变 position 的值. html 代码: 复制代码 代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" t
-
js完美解决IE6不支持position:fixed的bug
先来看段代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>IE6 position:fixed bug</title> <style> *{padding:0;margin:0} p{height:2000px} #
-
通过JS 获取Mouse Position(鼠标坐标)的代码
昨天写的脚本在获取鼠标位置的时候有些问题.在IE中始终当有滚动条的时候,发现document.body.scrollTop并没有起到作用.后来在google中搜索到一篇文章Mouse Cursor Position,详细介绍了浏览器鼠标定位的问题.各个浏览器对鼠标定位的标准不一样,就连不通版本的ie对定位支持都不一样.document.body.scrollLeft,document.body.scrollTop只用于IE6以前的版本,在IE6中,对没有宣告 DOCTYPE,或者宣告的是tran
-
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
从那起,我已经对这些方法做了大量的研究,并且已经在很多场合使用他们.在很多任务中,他们被证明是非常有用的(特别关于结构的抽象 DOM 选择器). 1.DOMElement.contains(DOMNode) 这个方法起先用在 IE ,用来确定 DOM Node 是否包含在另一个 DOM Element 中. 当尝试优化 CSS 选择器遍历(像:"#id1 #id2"),这个方法很有用.你可以通过 getElementById 得到元素,然后使用 .contains() 确定 #id1
-
IE6中使用position导致页面变形的解决方案(js代码)
如图所示: 解决方案: 1.缩放窗体时先得到内容左边的空白宽度. $("#nav").offset().left; 得到内容区左边的空白宽度. 2.得到整个窗体的宽度(注意:桌面分辨率为基准,少了加上来). 3.用桌面分辨率的宽度-页面内容区的宽度/2,就可以得到一边多余的宽度. 4.如果得到的值跟$("#nav").offset().left;得到值不同,则可以调到两值相同. 复制代码 代码如下: var ietest=function() { if ($.bro
-
详解IE6中的position:fixed问题与随滚动条滚动的效果
详解IE6中的position:fixed问题与随滚动条滚动的效果 前言: 在<[jQuery]兼容IE6的滚动监听>(点击打开链接)提及到解决IE6fixed问题,具体是要引入一个js文件,还要声明一条脚本就为这个div声明fixed定位去解决,起始这样很不好啊.引入的Javascript不好管理之余,还要在head声明引入javascript,之后又要给这个div声明一个id,之后又要在脚本出弄一条声明,实在是烦死了. 使用position:fixed无非是想做出如下的效果. 基本上pos
-
探究Android中ListView复用导致布局错乱的解决方案
首先来说一下具体的需求是什么样的: 需求如图所示,这里面有ABCD四个选项的题目,当点击A选项,如果A是正确的答案,则变成对勾的图案,如果是错误答案,则变成错误的图案,这里当时在写的时候觉得很简单,只要是在点击的时候判断我点击的选项与正确答案是否一样,是一样就将图片换成正确的样式,如果不一样就换成错误的样式,于是我便写了下面的代码(只贴出了核心Adapter中的代码) package com.fizzer.anbangproject_dahuo_test.Adapter; import andr
-
将text的中的值,增加到textarea的js代码
效果如图所示: function Addother() { if(document.form1.ourl.value==""||document.form1.ourl.value=="http://"){ alert('网址不能为空!'); return ;} if(document.form1.oname.value==""){ alert('名称不能为空!'); return ;} document.form1.xiangguanid2.va
-
在 asp.net core 的中间件中返回具体的页面的实现方法
前言 在 asp.net core 中,存在着中间件这一概念,在中间件中,我们可以比过滤器更早的介入到 http 请求管道,从而实现对每一次的 http 请求.响应做切面处理,从而实现一些特殊的功能 在使用中间件时,我们经常实现的是鉴权.请求日志记录.全局异常处理等等这种非业务性的需求,而如果你有在 asp.net core 中使用过 swashbuckle(swagger).health check.mini profiler 等等这样的组件的话,你会发现,这些第三方的组件往往都提供了页面,允
-
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
书写jQuery EasyUI Tab 样例时,如果刷新前面的Tab 选项卡,某一个Tab 选项卡里面的页面布局变乱.如下面图片所示: 刚开始打开时页面布局正确: 此时我们在第二个选项卡里面,点击第一个页面的刷新按钮,一直刷新,然后切换回来再看看页面,如下图: 但是首页选项卡的页面是正常的. 为了便于解释说明,这里用第一个选项卡代表 "首页",第二个选项卡代表"子菜单10" 出现这种情况的问题根本原因在于,你在第二个选项卡里面,点击其它第一个选项卡刷新按钮时,其实刷
-
基于JS代码实现图片在页面中旋转效果
1.概述 在一些交易平台网站,如淘宝网.拍拍网等,经常会发现一些图片以圈的形状旋转的效果,如此反复的执行. 2.技术要点 主要应用了Math对象的sin(返回数的正弦值)和cos(返回数的余弦值),通过取得正弦值和余弦值然后加一些算法来改变当前层的位置,使图片在页面中旋转. 3.具体实现 (1)本例利用javaScript的Math对象的正弦和余弦值来改变当前层的位置,代码如下: <script language="javascript"> var x1=200; var
-
通过设置CSS中的position属性来固定层的位置
定义和用法 position 属性规定元素的定位类型. 说明 这个属性定义建立元素布局所用的定位机制.任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型.相对定位元素会相对于它在正常流中的默认位置偏移. 默认值: static 继承性: no 版本: CSS2 JavaScript 语法: object.style.position="absolute" 实例 定位 h2 元素: h2 { position:absolute; left:100px; t
-
IE6中ajax aborted错误请求中断解决方法
给a标签绑定了一个click事件用来触发ajax请求,在IE6中,请求时常会被中断,在其他浏览器中都一切正常. 在IE6中使用Fiddler2和httpWatch监视请求,经常会出现"aborted",折腾了许久,相当的诡异.后来将a标签换成button,请求正常,最后经提醒,可能是a标签的默认事件中断了请求.但是,在HTML代码中,已经将a标签的href设置成了"javascript:void(0)",通常这样是可以阻止默认事件了(页面跳转).a标签的click事
随机推荐
- 在Debian系的Linux中检查软件包是否被安装的方法
- iOS手势识别的详细使用方法(拖动,缩放,旋转,点击,手势依赖,自定义手势)
- 让innerHTML的脚本也可以运行起来
- C#命令模式(Command Pattern)实例教程
- Python合并字符串的3种方法
- Python实现根据指定端口探测服务器/模块部署的方法
- Python中对象迭代与反迭代的技巧总结
- 在线统计代码 application
- Asp无组件生成缩略图的代码
- 深入理解约瑟夫环的数学优化方法
- Android实现RecyclerView下拉刷新效果
- mySQL count多个表的数据实例详解
- VBS实现的系统服务备份优化代码
- 在node.js中怎么屏蔽掉favicon.ico的请求
- 详解JAVA中使用FTPClient工具类上传下载
- C++基础知识实例解析(一)
- C语言数据结构 双向链表的建立与基本操作
- php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
- JS获取当前页面名称的简单实例
- Android实现短信加密功能(发送加密短信、解密本地短信)