我是框架的新手(以前使用了一小部分引导程序),并开始使用materialize framework构建网站。
正如您在该链接上看到的,有一个Parallax框架,我想使用它。麻烦的是,当我交换我的图像时,它的切断比我想要的要多。有人知道如何解决这个问题吗?
当我使用谷歌开发工具时,有一个translate3D
属性,我可以编辑这个属性的Y值。我想这是在materialize.js文件行1154:
$img.css('transform', "translate3D(-50%," + parallax + "px, 0)");
但我无法弄清楚视差变量的设定位置。
答案 0 :(得分:0)
尝试更改<img height="" width="">
中图片的大小
。它不会削减那么多。或者,如果您想增加视差图像容器的大小,只需使用
.parallax-container{
height:
}
PS: 使用视差时,请始终使用高分辨率图像。