0

私のJSフィドルを見てください...

ヒーロー div がビューポートに表示されたときにクラスを追加しようとしているだけで、これが機能しない理由がわかりません。

$(document).ready(function(){
    $('.hero').bind('inview', function (event, visible) {
      if (visible == true) {
        // element is now visible in the viewport
        $('.home').addClass('test');
      } else {
        // element has gone out of viewport
         $('.home').removeClass('test');
      }
    });
});

http://jsfiddle.net/franclowe/KqQds/

4

2 に答える 2

1

これを試してください: https://github.com/schaenk/jquery-in-viewport

if ($('.hero').inViewport()) {
    $('.home').addClass('test');
else {
    $('.home').removeClass('test');
}
于 2013-10-15T09:19:47.570 に答える
0

私はあなたのフィドルを作業コードで更新しました：

http://jsfiddle.net/zcZuD/1/

これを修正するために私がしたこと：

  1. 実際に jQuery と inview プラグインを依存関係として追加します (ただし、github への直接リンクは使用しないでください。CDN ではありません)。
  2. あなたのCSSを修正したので.test p、赤です。
于 2013-10-02T11:48:42.730 に答える