页脚位置固定在任务栏下但仍然是桌面分辨率的内容

时间:2015-02-02 21:53:05

标签: javascript jquery css html5 footer

当页面加载<body>内容或其大小时,我想让我的页脚在任务栏下“隐藏”, 如果页面向下滚动页脚开始显示(显然)......

此“规则”应仅适用于桌面分辨率。

1 个答案:

答案 0 :(得分:1)

检查这个小提琴:http://jsfiddle.net/martijn/byw6sk0f/3/

当用户开始滚动时,它会使用一些jquery来显示页脚。

$(function () {
    $(window).scroll(function (e) {
        if (window.pageYOffset > 0) {
            $('.footer').fadeIn();
        } else {
            $('.footer').fadeOut();
        }
    });
});