的jQuery +滾動+檢查

Question

我想什麼元素是可見的知道它有可能與jQuery做到以下幾點：

http://jsfiddle.net/AzFJR/2/

-check其中「主要」目前可見並動態地將「.active」添加到「nav」中的相應鏈接？

問候！

編輯：

我一直在使用的工作了這Viewport Plugin和下面的代碼：

//find what element is in view 
var inview = '#' + $('.sectionSelector:in-viewport:first').attr('id'), 

//find the corresponding link 
$link = $('.mainNav li a').filter('[hash=' + inview + ']'); 

//check i its already active or not and if not 
if ($link.length && !$link.is('.active')) { 

    //remove all previous active links and make the current one active 
    $('.mainNav li a').removeClass('active'); 
    $link.addClass('active');  

} 

//Start same proccess on every scroll event again 
$(window).scroll(function() { 
    var inview = '#' + $('.sectionSelector:in-viewport:first').attr('id'), 
    $link = $('.mainNav li a').filter('[hash=' + inview + ']'); 
    if ($link.length && !$link.is('.active')) { 
     $('.mainNav li a').removeClass('active'); 
     $link.addClass('active');  
    } 
}); 

感謝every1的幫助！

Answer 1

使用jQuery ELEMENT ‘INVIEW’ EVENT plugin。

$('div').bind('inview', function(event, isInView, visiblePartX, visiblePartY) { 
    if (isInView) { 
    // find link and addClass '.active' 
    } else { 
    // remove the class 
    } 
}); 

Answer 2

的scrollTo插件應該做的伎倆http://flesler.blogspot.com/2007/10/jqueryscrollto.html

的[檢查元素滾動後可見]