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

Ok！そう...ここで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 に答える