jQuery屏幕分辨率高度调整

2020/12/31 17:11 · jquery ·  · 0评论

为了更好地平衡我正在处理的页面,我想找到一种方法来根据屏幕分辨率增加DIV的上边距。用jQuery或Javascript设置这些尺寸的最佳方法是什么?

要在JS中使用屏幕分辨率,请使用screen对象

screen.height;
screen.width;

根据这些值,您可以计算出适合您的保证金。

这是一个有关如何使用jQuery垂直居中对象的示例:

var div= $('#div_SomeDivYouWantToAdjust');
div.css("top", ($(window).height() - div.height())/2  + 'px');

但是您可以轻松地将其更改为您的需求。

垂直和水平居中的div或任何对象的另一个示例:

 var obj = $("#divID");
 var halfsc = $(window).height()/2;
 var halfh = $(obj).height() / 2; 

 var halfscrn = screen.width/2;
 var halfobj =$(obj).width() / 2; 

 var goRight =  halfscrn - halfobj ;
 var goBottom = halfsc - halfh;

 $(obj).css({marginLeft: goRight }).css({marginTop: goBottom });

查看jQuery Dimensions插件

var space = $(window).height();
var diff = space - HEIGHT;
var margin = (diff > 0) ? (space - HEIGHT)/2 : 0;
$('#container').css({'margin-top': margin});
本文地址:http://jquery.askforanswer.com/jquerypingmufenbianshuaigaodudiaozheng.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!