2013-02-20 47 views
-1

我试图让div.col包装坚持使用位置绝对高分辨率屏幕上的Firefox的底部,但由于某种原因,它搅乱了jQuery幻灯片效果。我用尽了可能的解决方案,除了在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; 
} 
+0

试过的位置:静态; ? – DiMono 2013-02-20 19:56:27

+1

我不会点击缩短的网址。最好把真实的网址和代码放在这里:) – Alexander 2013-02-20 19:56:38

+0

增加了代码也试过位置静态和相同的结果 – Jes 2013-02-20 20:04:28

回答

0

我说的绝对了错误的元素的位置。它应该是.list不包括.col包装