2013-01-07 44 views
0

我目前正在使用水平導航(http://espaun256.prompt-dev.com/moving/)在投資組合站點工作,並且使用Mika Tuupola的視口選擇器( http://www.appelsiini.net/projects/viewport)設置最接近屏幕中心的元素。使用Mika Tuupola的視口選擇器時設置閾值

到目前爲止,我有這樣的:

$('#wrap').bind('scrollstop', function(){ 
    var inview = $('article.post:in-viewport').get().length, 
     center = Math.round(inview/2)-1; 

    $('article.post:in-viewport:eq('+center+')').addClass('activo'); 
}); 

即使我接近得到什麼我要找的,我知道一定有更好的和更清潔的方式來做到這一點...

...例如使用相同的Viewport Selectors插件設置左和右屏幕閾值...任何幫助瞭解如何設置閾值將非常感激。

回答

1

好的!所以...我發現米卡Tuupola的視選擇器的這個輝煌的改善這裏: https://github.com/theluk/jquery_viewport/tree/d7ed501b5eac2bed90253c134df611cd2d843112 這更增加了通過treshold作爲選擇參數的能力...

謝謝theluk 1的幫助。

於是,我來到了這一點:

$('#wrap').bind('scrollstop', function(){ 
    var inviewID = $('article.post:not(:left-of-screen('+ whatever-treshold +'))').attr('id'); 
    $('#'+inviewID).addClass('activo'); 
}); 

...和工作好多了!