Я использую parallax.js из pixelcog.Я пробовал несколько методов, но я стараюсь не увеличивать изображение.Проблема заключается в том, что естественный размер изображения составляет 800x450 пикселей (16: 9), а при масштабировании изображение искажается, и я не вижу полное изображение.
Простая прокрутка параллакса parallax.js
<div class="parallax-window" data-position="top" data-parallax="scroll" data-z-index="100" data-bleed="10" data-natural-width="800" data-natural-height="450" data-image-src="<?php echo (($feat_image[0]))?>"></div>
Пример вы можете посмотреть здесь. Пример
Увеличенная версия 
Ожидаемая версия 
Есть ли способ предотвратить это?