【发布时间】：2011-09-10 08:12:07
【问题描述】：
我已经设置了一个基本的 jsFiddle，以便更多地了解我想要发生的事情。
http://jsfiddle.net/nicekiwi/p7NaQ/2/
希望如果您根据您正在查看的联系人字母表的哪个部分以及滚动页面时它如何变化来考虑 iPhone 版 iOS 上的联系人页面，您会明白的，如果没有的话继续阅读。
基本上，我在单列垂直滚动页面中有部分内容。当您向下滚动页面时，第一个标题（jsFiddle 中的标题 1）的顶部到达屏幕顶部时，它会一直停留在顶部，直到您到达下一个标题（标题 2），在点“标题2" 将在您滚动时保持其位置，并且 "Title 1" 将被推到站点之外，以此类推其余的标题。
当向上滚动页面时，会发生相反的情况，例如..“title 4”将保持原位，当到达“title 3”内容的底部时，“title 3”将无缝出现在“title 4”上方并停留在屏幕顶部，直到到达其自身内容的顶部。
我想在 HTML/CSS 中使用 Mootools 1.3 作为我选择的 JavaScript 库来创建它。
关于如何做到这一点的任何想法？干杯。
【问题讨论】：
标签： javascript iphone html css mootools