1

私はウェイポイントプラグインを使用していますが、他の人にも開放されています。これまでのところ、下にスクロールして 30% に達すると、div を fadeIn にすることができました。

element.waypoint(function(){            
    $(this).animate({ opacity: 1 }, 500);          
},{
    offset: '30%'
});

しかし、再び見えなくなったときに、再びフェードアウトすることはできません。

助けてくれてありがとう。

これは強力なスタックオーバーフローにとって難しすぎる質問ですか? ...

4

1 に答える 1

0

direction関数に渡されるパラメーターを使用して、そのウェイポイントトリガースポットを横切るときにスクロールする方向に応じて、さまざまなことを実行できます。

element.waypont(function(direction) {
  if (direction === 'down') { ... }
  else { ... }
}, { offset: '30%' });

オフセットが異なる複数のウェイポイントを作成することもできるため、ページのさまざまな部分に当たる要素に反応することができます。

element
  .waypoint(function(direction) {
    $(this).toggleClass('visible');
  }, { offset: '10%' })
  .waypoint(function(direction) {
    $(this).toggleClass('visible');
  }, { offset: '90%' });
于 2013-03-22T20:22:01.547 に答える