Jquery Iphone/Android 滚动固定标题？答案

【问题标题】：Jquery Iphone/Android scrolling Fixed header?Jquery Iphone/Android 滚动固定标题？
【发布时间】：2023-03-16 07:19:01
【问题描述】：

在 iphone 和 android 上的联系人中，当您向下到 B 时，标题“B”固定在可滚动窗口的顶部，直到您向下滚动到 C 标题，当您到达 C 标题时，它取代了 B 标题，因此如果一个人查看他的 200 个 E 联系人之一，他就知道他在 E 部分。那有意义吗？当标题到达窗口顶部时，它会粘住并保持固定，直到窗口顶部滚动到下一个标题，在这种情况下，当标题顶部到达窗口顶部时，新标题将替换它，等等

$(window).scroll(function() {
var title_top = $('h2').top()
var window_top = $(window).top()

    if (title_top <= window_top) {
        $('h2').css({position:'fixed', top:'0'});
    } else {
        $(this).css({position:'static'});
           }   
});

或者？

$(window).scroll(function() {


    if ($(window).scrollTop < $('H2').offset().top) {
        alert('yay! awesome.')
    } else {
        $(this).css({position:'static'});
           }   
});

【问题讨论】：

标签： jquery window scroll css-position

【解决方案1】：

Node.js documentation 使用了类似的技术，我会查看他们的代码以获得一些想法。

【讨论】：

【解决方案2】：

那个jquery脚本 http://jqueryfordesigners.com/iphone-like-sliding-headers/ 几乎可以满足您的要求

【讨论】：