我已经设置了一个基本的jsFiddle来提供更多关于我想要发生的事情的想法。

http://jsfiddle.net/nicekiwi/p7NaQ/2/

希望您能根据正在查看的联系人字母的哪一部分以及在滚动页面时它如何变化来考虑iPhone的iOS上的联系人页面,即使您不继续阅读,也会有所了解。

基本上,我在单列垂直滚动页面中有内容的各个部分。当您向下滚动页面时,第一个标题的顶部(jsFiddle中的标题1)到达屏幕顶部时,它将停留在顶部,直到到达下一个标题(标题2),在“标题”位置滚动时,“2”将保持其位置,而标题的其余部分将“Title 1”向上推出站点,依此类推。

并且当向上滚动页面时,将发生相反的情况,例如:“标题4”将保留在原位,并且当到达“标题3”的内容的底部时,“标题3”将无缝出现在“标题4”上方并停留在屏幕顶部,直到到达其自身内容的顶部。

我想用Mootools 1.3作为我的JavaScript库在HTML / CSS中创建它。

关于如何执行此操作的任何想法?干杯。

最佳答案

直到有人指出我的重复项目之前,我才真正看到您的帖子,看看这个Freeze Header until Irrelevant (HTML, CSS and JS)

08-25 11:57
查看更多