Блог

Итак, я пытался создать эффект параллакса с моим фоновым изображением на своей веб-странице, но, к сожалению, устройства iOS, по-видимому, заставляют фоновые изображения быть «background-attachment: scroll» для экономии заряда батареи / производительности.

После некоторых исследований я нашел этот jQuery, который сможет воспроизвести эффект параллакса, и мое фоновое изображение будет следовать за прокруткой пользователя:

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

});  

Это работает, но, к сожалению, код не центрирует мое фоновое изображение по вертикали. часть «center» в jQuery центрирует мое фоновое изображение по горизонтали, но мне нужен способ также центрировать его по вертикали.

Спасибо!