使用 jQuery 将页脚固定在底部答案

【问题标题】：Footer stick to the bottom with jQuery使用 jQuery 将页脚固定在底部
【发布时间】：2013-02-05 23:30:18
【问题描述】：

我尝试使用绝对位置让 div.col-wrapper 在高分辨率屏幕上的 firefox 上粘在底部，但由于某种原因，它会干扰 jQuery 幻灯片效果。我用完了可能的解决方案，除了在 jQuery 中让它坚持到底。p>

jQuery

$(document).ready(function(){
    $(".box").show();
    $(".list").hide();

$(".wbut").click(function(){
    $(".wbut").hide("fade");
    $(".box").hide("fade");
    $(".list").show("slide", { direction: "down" }, 1000);
});

$(".wbut2").click(function(){
    $(".box").show();
    $(".wbut").show();
    $(".list").hide("slide", { direction: "down" }, 1000);
});

  });

css

.list {
background: #d1d1d1;
}

.col-wrapper {
width: 100%;
position: relative;
bottom: 0;
left: 0;
background: #d1d1d1;
box-shadow: 0px -5px 8px #777;
}

【问题讨论】：

尝试位置：静态； ?
我不会点击缩短的 URL。最好把真实的 URL 和代码放在这里 :)
添加的代码也试过position static，结果一样
我将您的 bit.ly 链接替换为真实链接。请不要继续以这种方式发布您的链接。

标签： jquery html css firefox

【解决方案1】：

我将绝对位置添加到错误的元素。它应该是 .list 而不是 .col-wrapper

【讨论】：