我正在尝试根据窗口中的滚动位置修复元素位置。
我认为这就像获取固定元素应该固定的元素的偏移一样容易,然后当window.scrollTop等于它时添加CSS但是很奇怪。
似乎元素的偏移量大于scrollTop最大数字。
还有其他方法可以让它发挥作用吗?
我希望它具有与滚动页脚相同的功能;
但我不想克隆元素,我想检测它何时到达页面底部附近,然后更改元素底部的位置。
提前致谢。
乙
答案 0 :(得分: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 );
}
});