javascript - 将 div 粘贴到浏览器窗口的底部

Question

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

现在，div 会在第一次滚动时粘在窗口底部，但不会在每次有新滚动时重新定位。这是我的 jQuery:

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

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

Answer 1

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

position: fixed;
bottom: 77px;

Fiddle