使用Pixlecog视差防止图像缩放

时间:2018-12-10 15:18:11

标签: javascript css parallax.js

我正在使用来自pixelcog的parallax.js。我尝试了几种方法,但是试图防止图像缩放。问题是图像的自然尺寸为800x450px(16:9),缩放时扭曲了图像,我看不到完整图像。

Simple Parallax Scrolling 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>

您可以在此处查看示例。 Example

缩放版本 Zoomed

预期版本 Expected

有办法防止这种情况吗?

0 个答案:

没有答案