如何使用jQuery垂直居中背景图像?

时间:2016-10-21 20:27:55

标签: jquery image background position center

所以我一直试图在我的网页上用我的背景图片创建一个视差效果,但遗憾的是iOS设备显然强迫背景为"背景附件:滚动"节省电池/性能。

经过一些研究后,我发现这个jQuery能够复制视差效果并让我的背景图像跟随用户滚动:



$(window).scroll(function() {
  var scrolledY = $(window).scrollTop();
  $('.parallax').css('background-position', 'center ' + ((scrolledY )) + 'px');

});




它可以工作,但遗憾的是代码不会垂直居中我的背景图像。 " ' center' " jQuery的一部分确实水平居中我的背景图像,但我需要一种方法来垂直居中。

谢谢!

0 个答案:

没有答案