2013-08-27 2 views
3

У меня есть сценарий jquery, который показывает скрытый div, когда я прокручиваю вниз между A и B в пикселях (A = начало моего CV и B = конец CV) и возвращается скрытым, когда не между а и В.Как показать скрытый div между двумя id с jquery waypoint

$(window).scroll(function() { 
    if ($(this).scrollTop() > 1800 && $(this).scrollTop() < 5550) { 
     $("#cvBoxWrap").fadeIn(); 
    } else { 
     $("#cvBoxWrap").fadeOut(); 
    } 
}); 

можно ли поменять значение пикселей с JQuery путевых идентификаторов - так CV DIV будет показывать, когда пользователь прокрутка вниз между двумя различными ID и исчезает, когда не между ?

Причина в том, что при просмотре на iPad значения пикселей не совпадают с идентификатором CV div, и поэтому скрытый div отображается неверно.

заранее Thanx

Я получил его на работу с этим:

$(window).scroll(function() { 
    if ($(this).scrollTop() > $('#A1').offset().top) && $(this).scrollTop() < $('#A2').offset().top)) { 
$("#cvBoxWrap").fadeIn();} else { 
     $("#cvBoxWrap").fadeOut(); } 
    }); 

ответ

0
$(window).scroll(function() { 
    if ($(this).scrollTop() > $('#A1').offset().top) && $(this).scrollTop() < $('#A2').offset().top)) { 
     $("#cvBoxWrap").fadeIn(); 
    } else { 
     $("#cvBoxWrap").fadeOut(); 
    } 
}); 
0

Вы можете использовать пустые якоря как

<a id="a1"></a> 

Затем проверьте, если вы прокрутили их позиции с

$('#a1').offset().top 
+0

Thats not using Waypoint - но может у вас показать пример –

+0

Чтобы проверить, прокрутил ли пользователь ID # a1: if ($ (this) .scrollTop()> $ ('# a1'). Offset() .top) { ... – brutzel

+0

Возможно, это может быть достигнуто с помощью какого-то прокрутки вниз и вверх от двух разных ID –