javascript - JQuery 偏移和 ScrollTop 问题

Question

我正在尝试根据窗口内的滚动位置来修复元素位置。

我认为这就像获取固定元素应该固定的元素的偏移量一样简单，然后当 window.scrollTop 等于它时添加 CSS，但这很奇怪。

似乎元素的偏移量大于 scrollTop 最大数字。

有没有其他方法可以让它工作？

我希望它在滚动页脚方面具有与此相同的功能；

http://be.blackberry.com/

但我不想克隆元素，我想检测它何时接近页面底部，然后更改元素底部的位置。

提前致谢。

乙

Answer 1

这应该可以帮助您朝着正确的方向前进：

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 );
    }
});