滚动时，将Jquery移动列表分隔符“粘贴”在页面顶部

Question

我正在使用jquery mobile来创建一个包含list-view和list-divider的项目。我想这样做，以便列表分隔符在它们到达页面顶部时停止滚动，然后当另一个列表分隔符碰到它时再次滚动。有关我的意思的一个例子，请查看iphone“联系人”应用程序。当您仍在滚动该字母内的联系人时，每个字母（列表分隔符）都会停留在屏幕顶部。

我已经尝试修复这个位置，但这显然不是我想要的。有没有办法只在它位于页面顶部时修复它？然后一旦不同的列表分隔符出现在它下面就“解除”它？

Answer 1

jQuery ScrollToFixed插件正是您所寻找的。这些示例将向您展示如何使用该插件。

根据您的描述，我会说最简单的方法是给每个列表分隔符一个z-index大于它覆盖的那个。这样您就不必处理最小和最大偏移量，而是将覆盖元素简单地叠加在前一个上面。