如何在Materialize框架中製作更大的圖像Parallax

Question

我是新來的框架（之前使用了一小段bootstrap），並開始用materialize framework構建網站。

正如您可以在該鏈接上看到的那樣，有一個Parallax框架，我希望使用它。麻煩的是，當我換入我的圖像時，它比我想要的要多。有人知道如何解決這個問題嗎？

當我使用谷歌開發工具時，有一個translate3D屬性，爲此我可以編輯Y值，這是不可能的。我想這是在materialize.js文件行1154：

$img.css('transform', "translate3D(-50%," + parallax + "px, 0)"); 

但我不知道在哪裏設置視差變量。

Answer 1

嘗試改變圖像的大小<img height="" width=""> 。它不會削減那麼多。或者，如果你想增加視差圖像容器的尺寸只是使用

.parallax-container{ 
    height: 
} 

PS： 使用視差時，必須使用高清晰度的照片。