如何为html创建iPhone联系人标题滚动效果?

2024-02-16

我已经设置了一个基本的 jsFiddle 来更多地了解我想要发生的事情。

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

希望如果您根据您正在查看的联系人字母表的哪个部分以及当您滚动页面时它如何变化来思考 iPhone iOS 上的联系人页面,即使不继续阅读,您也会明白。

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

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

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

关于我如何做到这一点有什么想法吗?干杯。


我实际上没有看到你的帖子,直到有人指出我的帖子是重复的,看看这个冻结标题直到不相关(HTML、CSS 和 JS) https://stackoverflow.com/questions/7385068/freeze-header-until-irrelevant-html-css-and-js/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何为html创建iPhone联系人标题滚动效果? 的相关文章

随机推荐