0

我目前正在使用水平导航的投资组合网站 (http://espaun256.prompt-dev.com/moving/)，我正在使用 Mika Tuupola 的视口选择器 (http://www.appelsiini.net/projects /viewport) 设置最靠近屏幕中心的元素。

到目前为止，我有这个：

$('#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');
});

即使我接近得到我正在寻找的东西，我知道必须有更好和更清洁的方法来做到这一点......

...例如使用相同的视口选择器插件设置左右屏幕阈值...任何帮助弄清楚如何设置阈值将非常感谢。

4

1 回答 1

1

好的！所以...我在这里发现了 Mika Tuupola 的视口选择器的出色改进： https ://github.com/theluk/jquery_viewport/tree/d7ed501b5eac2bed90253c134df611cd2d843112 它增加了将阈值作为选择器参数传递的能力...

谢谢 theluk 1的帮助。

所以，我来到了这个：

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

...而且效果更好！

于 2013-01-07T21:36:38.510 回答