2013-08-27 63 views
3

我有這個jQuery腳本,顯示一個隱藏的div,當我在A和B之間向下滾動像素(A =我的CV開始和B = CV結束)和返回時隱時沒有A和B.如何顯示兩個ID之間的隱藏div與jquery航點

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

之間是否有可能與jQuery的航點ID的交換像素值 - 這樣的CV格將顯示,當用戶滾動之間的兩個不同的ID,消失在不間?

原因是在iPad上查看時,像素值與CV div ID不匹配,因此隱藏的div顯示不正確。

提前感謝名單

我得到了它的這項工作:

$(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

那是不是使用Waypoint - 但你可以請給我一個例子 –

+0

檢查用戶是否已滾動到ID#a1: if($(this).scrollTop()> $('#a1')。offset ().top){ ... – brutzel

+0

也許這可以通過某種向下滾動並從兩個不同的ID來實現 –