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