[英]Script to stop fixed div from scrolling under another div?
https://rebecca-milazzo-test.squarespace.com/featured#/btr/
我已将页面元数据设置为固定位置,但是随着用户滚动,div不会停止,而是滚动到页面底部的缩略图下方。 我研究了其他脚本,但是创建它们都是为了将div停在某个像素高度而不是另一个元素上。
任何帮助是极大的赞赏。
您将要创建一个检查Windows滚动位置以查看您是否已滚动到缩略图部分的函数。 滚动到缩略图部分后,将固定元素位置设置为绝对位置,并将其顶部设置为窗口滚动位置加上原始顶部值。 对于像我这样认为z-index就足够了的人,OP并不希望元素在滚动时位于缩略图部分下方或缩略图部分上方。
function checkposition(){
fixedelement = document.querySelector(".project-meta");
stopelement = document.querySelector("#project-thumbs");
stoppoint = stopelement.scrollTop - fixedelement.clientHeight - parseInt(fixedelement.style.top);
if (window.scrollY >= stoppoint){
fixedelement.style.position = "absolute";
fixedelement.style.top = [defaulttophere] + window.scrollY + "px";
} else {
fixedelement.style.position = "fixed";
fixedelement.style.top = [defaulttophere];
}
}
window.addEventListener("scroll", checkposition);
让我知道这是否奏效,我很快就将其汇集在一起。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.