一个jQuery插件，它通过在面板到达视口顶部时粘贴面板来创建堆叠效果。
Posted
tags:
中文标题：一个jQuery插件，它通过在面板到达视口顶部时粘贴面板来创建堆叠效果。 原文标题：A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport. 项目评级：Star:292 Fork:43 下载地址：https://github.com/mike-zarandona/StickyStack.js 详情介绍贴纸标签.js
一个jQuery插件，它通过在面板到达视口顶部时粘贴面板来创建堆叠效果。
点击此处查看演示：http://codepen.io/mike-zarandona/full/Dasnw
要求
用法
首先包括jQuery，然后在主要内容包装器上调用.stickyStack()（或使用选项定义）。请注意，stackingElements应该是containerElement的直系子代。
$('.main-content-wrapper').stickyStack();
选项
$('.main-content-wrapper').stickyStack(
containerElement: '.main-content-wrapper',
stackingElement: 'section',
boxShadow: '0 -3px 20px rgba(0, 0, 0, 0.25)'
);
containerElement包含要堆叠的元素的选择器。
stackingElement要堆叠在卷轴上的元素（containerElement的直接子元素）。
boxShadow应用于第一个未粘贴的阴影的CSS属性stackingElement。
StickyStack.js在野外
你在项目或网站上使用过StickyStack.js吗？我很想看！给我发封电子邮件。
信用
由Mike Zarandona以Matthew Peach为灵感制作。
当光标位于屏幕的顶部或底部边缘时，如何使用 JQuery/Javascript 向下滚动页面？
CollectionView "Header" 像 instagram 一样滚动时粘在顶部
雷林鹏分享jQuery EasyUI 布局 - 在面板中创建复杂布局