滚动时使 Jquery 移动列表分隔符“粘”在页面顶部答案

【问题标题】：Make Jquery mobile list-divider "stick" at top of page when scrolling滚动时使 Jquery 移动列表分隔符“粘”在页面顶部
【发布时间】：2013-04-27 12:14:29
【问题描述】：

我正在将 jquery mobile 用于其中包含列表视图和列表分隔符的项目。我想这样做，以便列表分隔符在到达页面顶部时停止滚动，然后在另一个列表分隔符碰到它时继续滚动。关于我的意思的一个例子，请查看 iphone“联系人”应用程序。当您仍在滚动浏览该字母中的联系人时，每个字母（这是一个列表分隔符）都停留在屏幕顶部。

我已经尝试过固定位置，但这显然不是我想要的。只有当它位于页面顶部时，有没有办法修复它？然后在它下面出现不同的列表分隔符时立即“取消修复”它？

【问题讨论】：

标签： html css list listview jquery-mobile

【解决方案1】：

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

根据您的描述，我想说实现这一点的最简单方法是为每个列表分隔符提供一个大于其覆盖的 z-index 的 z-index。这样您就不必处理最小和最大偏移量，而是将覆盖元素简单地叠加在前一个元素之上。

【讨论】：

谢谢！我刚刚阅读了有关 ScrollToFixed 插件的所有内容，它看起来很完美！我是 jquery 的新手，只是想确认这也适用于 jquery mobile 吗？再次感谢！
@Elimn 没有插件可以做到这一点吗？恐怕它太大了。我在这里尝试了一个自定义 jQuery stackoverflow.com/questions/9870491/…，但它似乎不适用于 Android。
@deathlock 这个插件对我来说似乎并不大，因为要让它在大多数设备上工作很复杂。如果你能想出一个仍然兼容跨浏览器的更轻薄的版本，你介意分享一下吗？我也很想使用它。否则，我会选择上述方法。