DevsDawn
DevsDawn

jQuery实现垂直居中+iframe高度自适应

jQuery垂直居中

if ($(".ClassName").height() = $(window).height()) $(".ClassName").css("marginTop",$(window).height()/2 - $(".ClassName").height()/2);

jQuery iframe高度自适应

$(document).ready(
  function()
  {
    $(window).resize(function(){$(".iframeName").height($(window).height());});
    $(".iframeName").load(function(){$(this).height($(window).height());});
  }
);
若无特别说明,本文采用 CC BY-SA 4.0 协议进行许可。如需转载,请附上本文链接和本声明。
本文链接:https://devsdawn.com/2017/06/jquery%e5%ae%9e%e7%8e%b0%e5%9e%82%e7%9b%b4%e5%b1%85%e4%b8%adiframe%e9%ab%98%e5%ba%a6%e8%87%aa%e9%80%82%e5%ba%94/
DigitalOcean云服务,美国上市公司,注册即送200USD体验金
Vultr云服务,全球25+地域,注册即送100USD体验金

发表回复

textsms
account_circle
email

DevsDawn

jQuery实现垂直居中+iframe高度自适应
jQuery垂直居中 if ($(".ClassName").height() = $(window).height()) $(".ClassName").css("marginTop",$(window).height()/2 - $(".ClassName").height()/2); jQuery iframe高度自适…
扫描二维码继续阅读
2017-06-24