我是html和css和javascript的新手我想建立我的第一个网页网站而我正在使用skrollr library但我不知道为什么我不能以真正的方式使用它我有2个div在我的索引文件和css文件中的样式,当我在第二个div上写东西时它没有显示它隐藏在第一个div here is my code in jsfiddle
后面 <div id="please-scroll" data-0="opacity: 1;" data-800="opacity: 0;">
please scroll to see Dinosaurs life story
</div>
<div id="next_generation" data-800="opacity:1;" data-1000="opacity: 0;">
please scroll moreeeeeeeeeeeeeeeeee
</div>
这是我的css
html, body {
margin:0;
padding:0;
height: 4500px;
width:100%;
}
#please-scroll{
position:absolute;
display:block;
height:100%;
width:100%;
background-color:red;
text-align: center;
z-index:100;
}
#next_generation{
height:100%;
width:100%;
background-color:yellow;
text-align: center;
}
答案 0 :(得分:0)
应为:
div class="..."
不
div id="..."