html - Footer stick to the bottom with jQuery -

html - Footer stick to the bottom with jQuery -

i tried div.col-wrapper stick bottom on firefox on high res screens using position absolute reason messing jquery slide effect. ran out of possible solution except in jquery create stick bottom.

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

i added position absolute wrong element. should .list not .col-wrapper

jquery html css firefox