Question

我目前正在使用水平导航的投资组合网站（http://espaun256.prompt-dev.com/moving/），我正在使用Mika Tuupola的Viewport选择器（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');
});

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

...例如使用相同的Viewport选择器插件设置左右屏幕阈值...非常感谢任何有关如何设置阈值的帮助。

Answer 1

确定！所以...我在这里发现了Mika Tuupola的Viewport选择器的这一辉煌改进： 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');
});

......并且工作得更好！

使用Mika Tuupola视口选择器时设置阈值

1 个答案: