Javascript 如何使页脚在向上或向下滚动的基础上更改其高度

Javascript 如何使页脚在向上或向下滚动的基础上更改其高度,javascript,css,Javascript,Css,我有一个默认情况下隐藏的页脚,我希望在用户到达页面底部时显示页脚,同时上下滚动页脚会改变其高度,但我真的不知道如何做到这一点。是否存在某种onmousewheel事件来检测用户何时向上或向下滚动 欢迎任何建议 如果您可以使用jQuery,那么很容易检测滚动位置。例如: $(window).on("scroll", function() { var scrollHeight = $(document).height(); var scrollPosition = $(window)

我有一个默认情况下隐藏的页脚,我希望在用户到达页面底部时显示页脚,同时上下滚动页脚会改变其高度,但我真的不知道如何做到这一点。是否存在某种onmousewheel事件来检测用户何时向上或向下滚动

欢迎任何建议

如果您可以使用jQuery,那么很容易检测滚动位置。例如:

$(window).on("scroll", function() {
    var scrollHeight = $(document).height();
    var scrollPosition = $(window).height() + $(window).scrollTop();
    if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
        //bottom of the page
    }
});
我想这对你有帮助。