将元素与窗口底部对齐，但允许滚动到下面的内容

Question

我正在编写一个jquery滑块，我将宽度设置为100％，无论窗口的大小如何，我都希望它对齐到窗口的底部。我已经找到了让你在整个向下滚动时坚持到底的方法，但我不希望这样。我希望能够在此滑块下滚动以获得更多内容。

这个网站显示了我正在寻找的那种功能。我试图用萤火虫检查它，找到它发生的部分，但我无法弄明白。

http://pixelthemes.net/immersion/

感谢您的帮助！

Answer 1

您可以通过计算尺寸并且不将图库与底部对齐来实现此目的。

var resize = function () {
    var availHeight = window.innerHeight;
    // you need to either calculate
    // or set a fixed offset from the top for content above
    var offset = 80;

    document.getElementById("slider").style.height = availHeight - offset + "px";
}

window.addEventListener("resize", resize, false);
window.addEventListener("load", resize, false);

假设您的滑块宽度为100％，它应该完全符合您的要求。如果滑块上方的内容为80px高度，如果它一直向上滚动，它应该完全贴在窗口的底部。