全屏滚动插件fullPage.js的使用

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

Michael_Jier

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

阅读量253

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签：插件

本文链接：https://blog.youkuaiyun.com/weixin_43946812/article/details/90175765

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用fullpage.js库实现全屏滚动网站效果的方法。通过设置页面颜色和定时器，可以自动滑动页面，并在点击时切换到下一页。此技术适用于创建视觉吸引力强的网页展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://fullpage.81hu.com

  $('#dowebok').fullpage({
            sectionsColor: ['#222', '#222', '', ''] //每页颜色设置
        });
        setInterval(function(){
            $.fn.fullpage.moveSlideRight(); //自动滑页
        },3000);
        $('#dowebok .fp-slides').click(function () {
            $.fn.fullpage.moveSectionDown(); //点击滑到下一页
        });