如何使用skrollr库(div文本不显示)?

时间:2014-05-27 12:32:42

标签: javascript html css

我是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;

}

1 个答案:

答案 0 :(得分:0)

标签div的

应为:

div class="..."  

div id="..."