Javascript 当绝对div位于顶部时，如何禁用底部div？

我是stackoverflow的新手，似乎找不到我问题的答案——如果我错过了，请把类似问题的链接放到这里，但我已经给了它一个强有力的答案

我正在制作一个公文包网站，当用户单击一个项目时，单击的div会滑出，底部的div会显示在项目案例研究中

问题是：当用户在滑动div上向下滚动到projectthumbs时，较低的div会随之滚动-因此，当用户单击项目时，案例研究已经向下滚动。我需要它与scrolltop（0）上的案例研究一起显示

这是我的一个简化版本，您可以了解：

//查看项目详细信息（用户从LP中单击缩略图）CTA功能
$（“.projThumb”）。单击（函数（）
{
$（“#nav-icon3”）.toggleClass（'open'）；
美元（“.projdetals”）.fadeIn（500）；
//$（'.lowerContainer'）.css（'position'，'absolute'）；
$（'.mainContentWrap'）.openSlide（）；
var id=$（this.attr（'id'）；
如果（id='Proj1'）
{
美元（“#项目详情”）。fadeIn（500）；
//获取人物角色图像高度，使背景形状成比例
var personaImgHeight=parseInt（$（“#personaImg1”）.height（）；
$（.containImg”）.css（“高度”，personaImgHeight+“px”）；
$（.personaImgWrap”）.css（“高度”，personaImgHeight+“px”）；
}否则如果（id='Proj2'）{
$（“项目详情”）.fadeIn（500）；
//获取人物角色图像高度，使背景形状成比例
var personaImgHeight=parseInt（$（“#personaImg2”）.height（）；
$（.containImg”）.css（“高度”，personaImgHeight+“px”）；
$（.personaImgWrap”）.css（“高度”，personaImgHeight+“px”）；
}否则如果（id='Proj3'）{
$（“项目详情”）。fadeIn（500）；
//获取人物角色图像高度，使背景形状成比例
var personaImgHeight=parseInt（$（“#personaImg3”）.height（）；
$（.containImg”）.css（“高度”，personaImgHeight+“px”）；
$（.personaImgWrap”）.css（“高度”，personaImgHeight+“px”）；
}else if（id='Proj4'）{
$（“项目详情”）。fadeIn（500）；
};
});
.lowerContainer
{
宽度：80%；
最大宽度：2050px；
高度：自动；
最小高度：100vh；
保证金：0自动；
背景#f9f9f9；
位置：相对位置；
/*左：10%*/
}
雷瓦帕内尔酒店
{
宽度：100%；
最小高度：100vh；
浮动：左；
边际上限：0；
溢出y：滚动；
填充：0；
/*位置：固定*/
}
.主要内容
{
宽度：80%；
最大宽度：2050px；
高度：自动；
顶部：0px；
左：0px；
右：0；
边际上限：0；
右边距：自动；
页边距底部：0；
左边距：自动；
位置：绝对位置；
z指数：1000；
溢出x：隐藏；
溢出y：滚动；
不透明度：1；
}
.mainContentWrap
{
宽度：100%；
溢出：自动；
}

近期工作
基于您所说的您希望发生的事情，在没有真正查看大量代码的情况下，我认为您过于复杂化了

您可以使用jQuery的
.slideToggle（）

您还可以利用一个事实，即您可以使用同一类的多个元素来帮助最小化重复代码的数量


$（文档）.on（'click'，'projectButton'，function（））{
$（this）.sides（'.projectInfo'）.slideToggle（）；
});
.projectInfo{
显示：无；
}
.项目按钮{
高度：25px；
背景：灰色；
光标：指针；
边框：1px纯白；
颜色：白色；
}

项目1
项目1信息在这里
项目2
项目2信息在这里
项目3
项目3信息在这里
项目4
项目4信息在这里
代码片段有错误，并且没有运行。我是新手，所以我确信它很重。。。但我不知道如何在不发布整个网站的情况下发布我的问题。我有两层，顶部是绝对位置，并在项目详细信息页面上滑动。请参阅reeseholtze.com/portfolio上的示例。@reeseholtze是的，不用担心，但基于您的问题并快速浏览您的代码，我认为您肯定过于复杂了。看看上面的解决方案，我认为它可以为您工作，并帮助您最小化jQuery代码。请记住，
this
关键字是指刚刚单击的元素，然后jQuery的
sibles（）
函数可以帮助您找到要向下滑动的同级元素，在这种情况下，
.projectInfo
。我必须为每个项目编写if-else，因为它没有得到我的角色图像的高度，这是一个工作，直到我有时间使它变瘦：\你为什么需要高度？好的，我会努力使它工作，现在我把它从屏幕上滑到左边。。。