博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
fixed 计算位置
阅读量:5922 次
发布时间:2019-06-19

本文共 494 字,大约阅读时间需要 1 分钟。

hot3.png

$(function(){          var w_w=$(window).width(); 		 		       /*   alert(w_w)*/		 if(w_w <= 1280)            {			 $('#left_layer').css("left",($(window).width()-1280)/2);			  }		 else 		    {			 $('#left_layer').css("left",($(window).width()-1280)/2); 			 			 }

});

 

由于fixed 属性是相对于窗口来的,比如我们在做一个客服悬浮的小块,由于客户端的电脑屏幕过宽,这样我们的fixed定位的层就会离中间内容区域的网站太远。

解决办法:在加载的时候,给你的div层定义一个left或者right的偏移位置,首先取得屏幕的宽度,然后减去你的内容区域宽度+div浮层的宽度/2,即可! 代码其实只需要一行,其他做测试用的,可无视藐过。

转载于:https://my.oschina.net/u/583531/blog/637672

你可能感兴趣的文章
阿里PB级Kubernetes日志平台建设实践
查看>>
怎么把无线由器限
查看>>
Java实现的冒泡排序
查看>>
APP中的第三方“支付”功能该如何测试
查看>>
HDU 1907
查看>>
数值积分中的辛普森方法及其误差估计
查看>>
Web service (一) 原理和项目开发实战
查看>>
跑带宽度多少合适_跑步机选购跑带要多宽,你的身体早就告诉你了
查看>>
shell 批量压缩指定文件夹及子文件夹内图片
查看>>
TextGrocery中文文本分类处理
查看>>
WinForm 之 自定义标题栏的窗体移动
查看>>
可汗学院超经典、超实用概率论总结——商女不知忘国恨,隔江犹看概率论
查看>>
ftoa浮点型转换成字符串
查看>>
使用Costura.Fody将源DLL合并到目标EXE
查看>>
今年暑假不AC
查看>>
算法学习之路|A除以B
查看>>
《驾驭大数据》一3.6 博彩业:筹码跟踪数据的价值
查看>>
Resx 文件无效,未能加载 .RESX 文件中使用的类型
查看>>
[J2MEQ&A]WTK初始化WMAClient报错XXX has no IP address的解释
查看>>
29.Flutter与原生解耦式混合开发
查看>>