Jquery 内部内容：将溢出设置为滚动/隐藏时隐藏之前

下面是我的简单导航代码。我有两个div，单击右上角的图标时会出现。我还在顶部为这些分区提供了一个三角形提示，使用

：before

实现。 对于第一个div，我设置了

overflow:scroll

，因此三角形尖端不可见。在第二种情况下，它是可见的，因为我没有设置overflow属性。 是否有任何方法可以显示三角形尖端，但也可以设置溢出属性

$（文档）.ready（函数（）{
$（'html'）。单击（函数（）{
$（“.grid1”）.hide（）；
$（“.grid2”）.hide（）；
});
$（“.icons容器i”）。单击（函数（）{
event.stopPropagation（）；
if（this.id==“grid1icon”）
{
$（“.grid1”）.show（）；
$（“.grid2”）.hide（）；
}
else if（this.id==“grid2icon”）
{
$（“.grid2”）.show（）；
$（“.grid1”）.hide（）；
}
});
});
@charset“utf-8”；
身体{
}
.导航集装箱
{
高度：50px；
}
标志
{
宽度：20%；
浮动：左；
背景：#ccc；
身高：100%；
}
.searchboxcontianer
{
宽度：50%；
浮动：左；
身高：100%；
背景:#555；
}
.搜索框
{
左边距：15%；
利润率最高：1.3%；
位置：相对位置；
}
.searchinput
{
宽度：400px；
高度：30px；
边际：0px；
填充：2px；
边界：无；
大纲：无；
边界半径：3px 0px 0px 3px；
}
.搜索按钮
{
宽度：80px；
高度：34px；
边际：0px；
边界：0px；
大纲：无；
左边距：-4px；
顶部：0px；
位置：绝对位置；
边界半径：0px 3px 0px；
}
.导航图标
{
宽度：29%；
浮动：左；
身高：100%；
背景：#444；
}
.图标容器
{
宽度：50%；
浮动：对；
填充：5px0px；
}
.图标容器i
{
利润率：10px；
颜色：#fff；
位置：相对位置；
}
.grid1
{
位置：绝对位置；
顶部：60px；
右：40px；
背景：#eee；
高度：300px；
宽度：250px；
边界半径：5px；
边框：实心2px#555；
显示：无；
溢出y：滚动；
}
.grid1ul
{
列表样式类型：无；
}
grid1.ul li先生
{
显示：内联块；
宽度：80px；
高度：100px；
边框：1px实心#444；
保证金：2倍；
}
.1:以前
{
边框：实心；
边框颜色：#000透明；
边框宽度：0px 6px 6px 6px；
位置：绝对位置；
顶部：-7px；
右：150px；
z指数：99；
内容：“”
}
.grid2
{
位置：绝对位置；
顶部：60px；
右：10px；
背景：#eee；
高度：300px；
宽度：250px；
边界半径：5px；
边框：实心2px#555；显示：无；
}
.2:以前
{
边框：实心；
边框颜色：#000透明；
边框宽度：0px 6px 6px 6px；
位置：绝对位置；
顶部：-7px；
右：150px；
z指数：99；
内容：“”
}

商标在这里
这里有一些内容

项目
项目
项目
项目
项目
项目
项目
项目
项目
项目
项目

这里还有其他一些内容
只需在菜单容器中放入另一个容器，并对其应用溢出。在具有固定宽度/高度的外部容器上应用
：before
三角形。
@conneso类似于工具提示。在单击图标时显示的每个分区的右上角。您需要overflow属性使div可滚动，对吗？overflow滚动正常。但是，当应用该属性时，顶部的三角形尖端（使用
：before
）位于div之外）也被隐藏。要修复此问题，请按照我在下面的回答中的建议进行操作。