jQuery滚动堆叠插件jquery.stacked-strips.js

所属分类:UI-滚动

 27084  328  查看评论 (3)
分享到微信朋友圈
X
jQuery滚动堆叠插件jquery.stacked-strips.js ie兼容10

使用方法

引以以下js

<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/jquery.stacked-strips.js"></script>

为您的网页创建一组内容部分。请注意,堆叠的条插件需要多个内容部分才能工作。

<section>
    Content 1
</section>
<section>
    Content 2
</section>
<section>
    Content 3
</section>

将以下所示的所需CSS样式添加到您的网页。

.fixed {
    position:fixed;
    top:0;
    left:0;
    width:100%;
} 
.unfixed {
    position:relative;
    width:100%;
}

活动的堆叠滚动 ING影响使用默认选项。

$('section').stacked_strips({
    // start position in pixels.
    active_position: 50,
    // or a pixel value
    strip_size:'full',
    // add a class to the previous section
    after_class:false  
});
相关插件-滚动

jQuery滚轮控制轮播图上下切换(原创)

jQuery滚轮控制轮播图上下切换,简单实用
  滚动
 38463  341

jQuery全屏视差滚动效果

jQuery全屏视差滚动效果
  滚动
 43695  434
  滚动
 34138  487

javript自定义滚动条

用原生的javript写的自定义滚动条具有拖拽,滚轮事件和键盘事件
  滚动
 31941  356

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

    超籽哥 0
    2017/2/11 14:12:40
    summ 0
    2017/2/9 15:05:54
    不错 、正好用的到
        超籽哥0
        2017/2/11 14:24:42

        很好

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复