2

我一直在寻找一个 jQuery 插件来在同一页面中添加多个粘性 div 框。

我找到了这个（和其他一些插件，但我不能发布两个以上的链接）

它们都使用绝对位置来使元素具有粘性，并在窗口滚动时对其进行动画处理，并且它们都不能很好地工作（例如，当在页面中切换隐藏元素时）位置只是表现得很有趣。

我在9gag上看到了我想要的一个很好的例子，每个帖子旁边的喜欢/不喜欢按钮看起来很好，我认为它是用 mootools 制作的。

你们有没有人在 mootools 或 jQuery 中做过这样的事情，或者知道这样的插件？

4

2 回答 2

3

欢迎来到 SO！

我也在寻找一些 9gag 粘盒，发现了这个：jQuery Stickem

这里是演示：jQuery Stickem
的演示 希望您搜索过类似的内容。

于 2012-10-05T06:36:41.263 回答
1

如果您正在使用 Mootools（就像我一样），您可能想尝试我的解决方案http://jsfiddle.net/nK8LR/6/，它允许您创建任意数量的“贴纸”，并为每个人定义它们应该滚动的范围以及它们被粘贴的方式。

你可以使用它

  new Sticker({
    elevator: $('item you want to stick'),
    top: {relativeTo:$('item which marks the top range'),edge:'top',offsetY:5},
    bottom: {relativeTo:$('item which marks the bottom'),edge:'bottom',offsetY:-5},
    windowTrigger:$(document),
    windowScroller:$(document.body),
    stickTo: 'top'
  });
于 2014-02-25T14:12:42.430 回答