粘性页脚向上滑动显示

时间:2013-09-03 19:00:11

标签: jquery css

我要做的是创建一个半隐藏的粘性页脚,但会向上滑动以显示页面滚动末尾的隐藏部分。粘性页脚本身,我可以轻松做到这一点。但是,我希望它看起来好像页面的末尾捕获页脚并拉起隐藏的部分。我希望我能正确解释。似乎我应该能够解决这个问题,但我不是。显然我需要使用jQuery但不确定要使用哪些函数。我到处寻找啧啧或其他东西,但无济于事。如果有人可能指出我正确的方向,那将是非常棒的!

提前致谢:)

1 个答案:

答案 0 :(得分:1)

我不会写代码,但我会尝试向你发送正确的方向......

你在技术上并不需要jQuery来做到这一点,但它可能会让它变得更容易。要使页脚从底部捕获并向上拉,您需要做的是挂钩文档滚动事件:

document.addEventListener('scroll', function(){
    // if bottom of page is reached, slide up the footer
})

通过比较窗口滚动,窗口高度和文档高度,您可以知道移动页脚的时间和内容。