Question

我正在使用materializecss作为我正在开发的个人网站的前端框架。我使用他们的启动器Parallax模板，一切正常，但由于某种原因，我的视差图像没有显示。我认为它与初始化有关。

HTML的视差片段之一：

<template name="parall">
    <div class="parallax"><img src="/public/background1.jpg">
    </div>
</template>

JS：

if (Meteor.isClient) {
    Template.parall.onRendered(function(){
        $(".parallax").parallax();
    });
}

if (Meteor.isServer) {
    Meteor.startup(function () {
        // code to run on server at startup
    });
}

Answer 1

您是否尝试使用css渲染图像？

https://console.developers.google.com/project/<YOUR_PROJECT_ID>/datastore

Answer 2

只需尝试从你的img src中删除“public”，而不是使用“/background1.jpg”。 [假设“public”目录在您的路径项目文件夹中]。

访问存储在公共目录中的资源时，您不必指定“public”。它是流星结构中为数不多的保留目录名之一。

Answer 3

将div.parallax包裹在div.parallax-container

中

Answer 4

将div包含在已发布的视差容器中

<div class="parallax-container">
    <div class="parallax"><img src="/images/parallax1.jpg"></div>
</div>

并在CSS中添加以下内容

.parallax{
    position:static!important 
}

实现流星上的视差初始化

4 个答案: