Question

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

的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;
}

Answer 1

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

页脚用jQuery粘到底部

1 个答案: