最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 20:56:47
文档

IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧

IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧:如图所示: 解决方案: 1.缩放窗体时先得到内容左边的空白宽度。 $(#nav).offset().left; 得到内容区左边的空白宽度。 2.得到整个窗体的宽度(注意:桌面分辨率为基准,少了加上来)。 3.用桌面分辨率的宽度-页面内容区的宽度/2,就可以得到一边多余的宽
推荐度:
导读IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧:如图所示: 解决方案: 1.缩放窗体时先得到内容左边的空白宽度。 $(#nav).offset().left; 得到内容区左边的空白宽度。 2.得到整个窗体的宽度(注意:桌面分辨率为基准,少了加上来)。 3.用桌面分辨率的宽度-页面内容区的宽度/2,就可以得到一边多余的宽


如图所示:


解决方案:
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; //缩放窗体时触发事件

文档

IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧

IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧:如图所示: 解决方案: 1.缩放窗体时先得到内容左边的空白宽度。 $(#nav).offset().left; 得到内容区左边的空白宽度。 2.得到整个窗体的宽度(注意:桌面分辨率为基准,少了加上来)。 3.用桌面分辨率的宽度-页面内容区的宽度/2,就可以得到一边多余的宽
推荐度:
标签: 使用 页面 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top