Html 单击元素后，div内部的标题变为外部

我有3个最小高度为

100vh

的容器。当单击向下滚动到下一页的svg箭头时，第二个容器中的标题会被推出，从而导致视图中整个div向上推

正文{
背景:#1楼;；
}
主要{
宽度：100%；
身高：100%；
}
/*主要部分*/
.主容器简介{
位置：相对位置；
宽度：100%；
身高：100%；
溢出y：隐藏；
最小高度：100vh；
}
标题{
显示：块；
最小高度：15vh；
宽度：100%；
身高：100%；
显示器：flex；
柔性包装：包装；
证明内容：中心；
对齐项目：居中；
弯曲方向：行；
}
.标题导航{
显示：块；
字体大小：2.5rem；
颜色：#ffbbbb；
字号：200；
光标：指针；
}
.介绍{
显示器：flex；
柔性包装：包装；
对正内容：空间均匀；
对齐项目：居中；
弯曲方向：立柱；
最小高度：70vh；
宽度：100%；
身高：100%；
}
.介绍姓名{
宽度：100%；
身高：100%；
文本对齐：居中；
颜色：白色；
字体系列：“奥斯瓦尔德”，无衬线；
字体大小：400；
字体大小：5rem；
}
.帕拉普拉普介绍{
宽度：100%；
身高：100%；
文本对齐：居中；
颜色：白色；
字体系列：“开放无压缩”，无衬线；
字体大小：400；
字号：2rem；
}
.向下箭头容器{
位置：绝对位置；
宽度：100%；
身高：100%；
文本对齐：居中；
底部：-88%；
}
.第一支箭{
光标：指针；
}
/*项目部门*/
.主要项目容器{
位置：相对位置；
最小高度：100vh；
溢出y：隐藏；
}
.项目容器{
位置：相对位置；
显示器：flex；
柔性包装：包装；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
宽度：100%；
最低高度：85vh；
}
.项目名称{
显示器：flex；
柔性包装：包装；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
宽度：100%；
身高：100%；
垫底：2.5rem；
}
.项目名称链接{
字体系列：“红木”，无衬线；
字体大小：400；
字号：2rem；
颜色：$粉红色；
}
.项目说明{
垫面：2rem；
}
.项目说明{
文本对齐：居中；
颜色：$粉红色；
字体系列：“开放无压缩”，无衬线；
字体大小：400；
字体大小：1.5rem；
}
.向下箭头-2{
位置：绝对位置；
最高：90%；
身高：100%；
转化：translateX（50%）；
右：50%；
光标：指针；
}
/*接触*/
.主要接触容器{
位置：相对位置；
最小高度：100vh；
溢出y：隐藏；
}
.表格容器{
最小高度：65vh；
位置：相对位置；
}
.contact links容器{
最小高度：20vh；
}

乔恩
能源部
网站开发者

我真的看不出你在说什么。请尝试清除缓存，然后以这种方式尝试。@ZombieChowder，如果在单击“检查标题”框中的箭头后选择.main项目容器，则该容器会超出容器的范围。删除

overflow-y:hidden

似乎可以解决此问题。不过，这似乎不是一个值得担心的问题