Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t从div启动Stellar.js_Javascript_Html_Css - Fatal编程技术网

Javascript Can';t从div启动Stellar.js

Javascript Can';t从div启动Stellar.js,javascript,html,css,Javascript,Html,Css,我正在尝试实现Stellar.js(http://markdalgleish.com/projects/stellar.js/)到我正在开发的网站。我意识到我需要将滚动的视差放在一个容器中,而不是使用窗口/主体,以便它在iPad上工作(考虑到视口),这就是我遇到问题的地方;脚本似乎没有正确启动 这是我在网站上设置的结构- HTML JavaScript $('#content').stellar({ horizontalScrolling: false }); 我可以

我正在尝试实现Stellar.js(http://markdalgleish.com/projects/stellar.js/)到我正在开发的网站。我意识到我需要将滚动的视差放在一个容器中,而不是使用窗口/主体,以便它在iPad上工作(考虑到视口),这就是我遇到问题的地方;脚本似乎没有正确启动

这是我在网站上设置的结构-

HTML

JavaScript

 $('#content').stellar({
        horizontalScrolling: false
    });

我可以看到部分中的视差图像得到显示:无,但除此之外,脚本似乎没有运行。我没有收到任何JS错误。

我想这可能与您使用
position:absolute
而不给div任何错误有关


您是否检查了
#content
div的大小?还是stellar也能处理这个问题?

不知道真正需要什么。我尝试了几十种方法,放弃了这个问题。
    #content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

section {

        background-attachment: fixed;
        width: 100%;
        height: 100%;
        position: relative;
    }
        img:first-child {
            position: absolute;
            top: 0;
            left: 300px;
        }
        img:nth-child(2) {
            position: absolute;
            z-index: 99;
            top: 0;
            right: 150px;
        }
        img:nth-child(3) {
            position: absolute;
            z-index: 99;
            top: 0;
            left: 100px;
        }
 $('#content').stellar({
        horizontalScrolling: false
    });