fixed 计算位置

最新推荐文章于 2023-06-04 22:58:10 发布

weixin_33747129

最新推荐文章于 2023-06-04 22:58:10 发布

阅读量189

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/583531/blog/637672

本文介绍了一种解决fixed层在不同屏幕尺寸下位置偏移的方法。通过获取屏幕宽度并计算浮动层的位置，确保其始终处于合适的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

$(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