0

ウィンドウ内のスクロール位置に基づいて要素の位置を修正しようとしています。

固定要素が固定される要素のオフセットを取得し、window.scrollTop がそれに等しいときに CSS を追加するのと同じくらい簡単だと思いましたが、奇妙です。

要素のオフセットが scrollTop の最大数値よりも大きいようです。

これを機能させる他の方法はありますか？

スクロール時のフッターに関して、これと同じ機能を持たせたいです。

http://be.blackberry.com/

しかし、要素を複製したくはありません。ページの下部に近づいたことを検出して、要素の下部の位置を変更したいのです。

前もって感謝します。

B

4

1 に答える 1

0

これは、正しい方向に進むのに役立ちます。

var footer = $("#footer");
// min amount to show when not scrolled to the bottom of the page.
var minVisable = 25;

$(parent.document).scroll(function() {
    // check position
    if (window.scrollY + window.innerHeight + minVisable > $("html").height()) {
        // if at the bottom of the page, stick the footer to it
        footer.css("position","absolute").css("top", $("html").height() - footer.height());
    } else {
        // else keep top part of footer on the screen
        footer.css("position","fixed").css("top", window.innerHeight - minVisable );
    }
});
于 2012-06-27T14:46:01.530 に答える