Question

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

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

所有这些都使用绝对位置使元素变得粘稠，并且它们在窗口滚动上设置动画，并且它们都不能很好地工作（例如，当在页面中切换隐藏元素时）位置只是表现得很有趣。

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

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

Answer 1

欢迎来到SO！

我还在搜索一些9gag粘性盒子，发现这个：jQuery Stickem

这里的演示：Demo of jQuery Stickem
希望你能搜索到这样的东西。

Answer 2

如果您正在使用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'
  });

jQuery多个固定粘性盒子

2 个答案: