아이폰과 안드로이드 양쪽의 연락처에서 B로 내려 가면 C 제목으로 스크롤 할 때까지 제목 "B"가 스크롤 가능한 윈도우의 맨 위에 고정됩니다. 그것은 B 헤딩을 대체합니다. 따라서 어떤 사람이 자신의 200 E 연락처 중 하나를보고 있으면 그는 E 섹션에 있음을 알고 있습니다. 말이 돼? 제목이 창 상단에 닿으면 창의 상단이 다음 제목으로 스크롤 될 때까지 고정되어 고정됩니다.이 경우 제목의 상단이 창의 상단에 도달 할 때 새 제목이 대체됩니다.Jquery Iphone/Android 스크롤 고정 헤더?
$(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'});
}
});