fullpage（全屏滚动）

最新推荐文章于 2025-05-30 09:13:24 发布

原创最新推荐文章于 2025-05-30 09:13:24 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #fullpage #全屏滚动

android 同时被 2 个专栏收录

10 篇文章

订阅专栏

html5

3 篇文章

订阅专栏

fullPage.js和fullPage都能实现全屏滚动。

1、引入文件

<link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.4/jquery.fullpage.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.4/jquery.fullpage.js"></script>

2、激活fullpage效果

3、fullpage的配置项和方法





    
  
    
  
    滚动
     href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.4/jquery.fullpage.css" rel="stylesheet">
    
    

  

    


    




  

    
   
     这是固定不动的元素
   
    
   第一页
第二页
第三页
第四页
    
    
    
     第一页
    
   
    
   
        
    
         
    
     silde__01
    
        
    
     silde__02
    
        
    
     silde__031
    
        
    
     silde__04
    
        
    
     silde__04
    
    
   
    
   
        
    第三页
    
    
    
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
    
   
    
    
    第四页

4、方法使用