javascript - 将div停留在浏览器窗口的底部

我有一个div，我想坚持浏览器窗口的底部(实际的浏览器窗口而不是页面)。用户滚动时，div需要停留在浏览器窗口的底部。

现在，div将在第一个初始滚动条上停留在窗口底部，但不会在每次新滚动条时重新定位。这是我对jQuery的要求:

$(window).scroll(function () {
    var bHeight = $(window).height();
    $('.test').css({
        top: bHeight - 77 + 'px'
    });
});

这是一个jsfiddle http://jsfiddle.net/3ecx7zp9/1/

最佳答案

这可以简单地在CSS中完成。删除所有JavaScript，然后执行以下操作:

position: fixed;
bottom: 77px;

Fiddle

关于javascript - 将div停留在浏览器窗口的底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31942227/