我现在正在编写一个 jquery 滑块,并将宽度设置为 100%,并且无论窗口如何调整大小,我都希望它与窗口底部对齐。我已经找到了让它在向下滚动时一直粘在底部的方法,但我不希望这样。我希望能够滚动到此滑块下方以获取更多内容。
这个网站展示了我正在寻找的功能。我试图用萤火虫检查它以找到它是如何发生的部分,但我无法弄清楚。
http://pixelthemes.net/immersion/ http://pixelthemes.net/immersion/
谢谢您的帮助!
您可以简单地通过计算大小而不是将图库与底部对齐来实现此目的。
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% 宽度,它应该完全符合您的要求。如果滑块上方的内容高度为 80 像素,那么当它一直向上滚动时,它应该恰好粘在窗口底部。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)