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

我现在正在编程一个jquery滑块，我将宽度设置为100%，我希望它与窗口底部对齐，无论窗口大小如何调整。我已经找到了一些方法，让它在你向下滚动的整个过程中一直保持在底部，但我不想这样。我想能够滚动到这个滑块下面，以获得更多的内容

这个网站展示了我正在寻找的功能。我试着用firebug检查它，找出它是如何发生的，但我想不出来

---

谢谢你的帮助

只需计算尺寸，而不将库与底部对齐，即可实现此目的

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，则如果一直向上滚动，它应该会准确地粘贴到窗口底部。

因此我将其插入JavaScript文件，但没有任何效果。我已经仔细检查，宽度设置为100%，我甚至改变了我的滑块，以允许高度可调。有什么建议吗？这取决于您使用的浏览器是否支持

addEventListener

。另外，如果不知道您的确切文档结构，就无法判断出哪里出了问题。对不起，我的错。我只是注意到里面有个打字错误。我把陪审团和身份证弄混了。