为甚么加入这一段代码之后,失去了页面滚动效果
<div class="section section2"> <div class="article-preview1"> <div class="img-section"> <img src="2.jpg"/> </div> <div class="text-section"> <h2> HTC Viive实验室,VR的世界很精彩 </h2> <div class="hr"></div> <div class="sub-heading">你好</div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis eius id, laborum voluptates cupiditate? Ipsam mollitia odio quae odit exercitationem dicta rerum quidem, est, voluptas, delectus accusantium ipsa atque. Eos.</p> </div> </div> </div>
<script type="text/javascript">
$(document).ready(function(){
$('#fullpage').fullpage({
//实现页面滚动效果
//css3:true,
// loopToop:true,
//loopBottom:true,
// loopHorizontal:false,
//scrollBar:false,
fixedElements:'header',
recordHistory:true,
navigation:true,
navigationPosition:'right',
navigationTooltrips:['#section1','#section2','#section3','#section4','#section5'],
// afterRender:function(){
// console.log("afterRender");
// },
// afterResize:function(){
// console.log("afterResize");
// },
afterLoad:function(link,index){
switch(index){
case1:
break;
case2:
// move('.section2 h2').scale(1.5).end();
break;
case3:
break;
case4:
break;
case5:
break;
}
},
});