Jquery Iphone / Android прокрутка Исправлен заголовок? - PullRequest
3 голосов
/ 10 августа 2010

В контактах на 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'});
           }   
});

Ответы [ 2 ]

2 голосов
/ 10 августа 2010

Документация Node.js использует похожую технику, я бы проверил их код для некоторых идей.

1 голос
/ 29 декабря 2010

Что скрипт jquery http://jqueryfordesigners.com/iphone-like-sliding-headers/ делает почти то, что вы просили

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...