类似fullPage的全屏滚动插件

所属分类:UI-滚动

 51863  418  查看评论 (12)
分享到微信朋友圈
X
类似fullPage的全屏滚动插件 ie兼容8

这是一款类似fullPage的全屏滚动插件,使用很简单

html代码:

head部分:

<!-- css -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">

<!-- js -->
<script type="text/javascript" src="js/lib/jquery.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/fullpagecode.min.js"></script>
<div class="section-group">
  <section class="sect-01"></section>
  <section class="sect-02"></section>
  <section class="sect-03"></section>
  <section class="sect-04"></section>
</div>

只需要在section里面写每一块儿你需要的代码即可。

相关插件-滚动

jquery模拟滚动条(未封装)

jquery模拟滚动条,支持自定义滚动条样式,兼容pad,web手机端未测试;支持同一网页多个滚动条;支持添加和删除(本人对封装不太了解,未封装)
  滚动
 39485  340

简洁的jQuery滚动条插件scrollBar.js

本插件会将容器中滚动条样式进行统一,通过修改css任意改变滚动条的宽度与颜色,实现自定义滚动条的目的。
  滚动
 63834  383

CSS3 滚动视觉差效果加返回顶部

CSS3 滚动视觉差效果+返回顶部.
  滚动
 43577  391

常用的根据高度自动切换效果

常用的根据高度自动切换效果 简单 下载下来之后可以直接是用 兼容性好 不存在兼容问题
  滚动
 28686  344

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    晨 栎 0
    2018/8/23 23:40:21
    心累居然还收钱! 回复
    wudachen123 0
    2018/7/18 10:43:17
    这么简单的效果居然还收jq币 回复
    现充白? 0
    2017/3/16 8:50:57
    _(:з」∠)_新手想问问怎么才能让那几个焦点放到左边去呀……【虽然我根本没钱下载吧…… 回复
    Oh,you make me smile 0
    2016/3/23 11:03:24
    学习学习。。。。 回复
    楼清浅 0
    2016/2/24 21:02:19
    _(:з」∠)_新手想问问怎么才能让那几个焦点放到左边去呀……【虽然我根本没钱下载吧…… 回复
    chazz1 0
    2015/6/26 11:58:55
    One 0
    2015/3/30 16:02:29
    有bug,一次滚动多屏 回复
    我一直不明白你 0
    2015/3/28 11:20:36
    需要改进,鼠标滚动可以一次4页我也是醉了 回复
    Jay_ ✿゛ 风暴 0
    2015/3/26 19:05:35
    晴天过后 0
    2015/2/11 23:00:17
    这个简单的效果,竟然还收JQ币_(:з」∠)_ 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复