为了账号安全,请及时绑定邮箱和手机立即绑定

为甚么加入这一段代码之后,失去了页面滚动效果

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


         }


       },
      


        });
       

正在回答

2 回答

引入了,但是第二页和第三页失去了全屏滚动效果怎么回事儿呢?


0 回复 有任何疑惑可以回复我~

move.js要引入

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
FullPage.js全屏滚动插件
  • 参与学习       43827    人
  • 解答问题       202    个

基于jQuery的全屏滚动效果插件,让翻页显得格外的高端大气上档次

进入课程

为甚么加入这一段代码之后,失去了页面滚动效果

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信