1

Web サイトの別の部分にヒットするたびに背景画像を変更する必要があるスティッキー要素がある視差スクロール Web サイトがあります。

$("#level2").waypoint(function() {
          $("#changing_element").css("background-image","url(a.jpg)");
    });

$("#level1").waypoint(function() {
          $("#changing_element").css("background-image","url(b.jpg)");
          }, { offset: 'bottom-in-view'
    });

これはスクロールダウンには機能しますが、スクロールアップには機能しません。ウェイポイントは、要素が #level1 の上部に到達したときにのみトリガーされます。

ただし、スティッキーな #changeing_element が (上にスクロールしているときに) 一番下に到達したときにトリガーする必要があります...

アドバイス！

どうも！

4

1 に答える 1

0

これを行う正しい方法がわからなかったので、別の div.bottomdiv を追加しました。

.bottomdiv {
position: absolute;
bottom: 0;
width: 10px;
height: 10px;
}

$(".bottomdiv").waypoint(function() {
              $("#changing_element").css("background-image","url(b.jpg)");
        })

それは今うまくいきます！

于 2013-06-26T08:00:07.640 に答える