Javascript 弹出窗口在向下滚动时更改位置

我已经创建了弹出窗口，即列表，以显示在悬停状态，它可以很好地用于默认页面，但如果我向下滚动弹出窗口，也可以用滚动条向下推

下面HTMLcode创建一个弹出列表，该列表最初是

隐藏的

，显示在

悬停

上，并显示以下CSS

很抱歉发布了所有内容，但我尝试更改了

位置

，

顶部

，

左侧

，

右侧

，以调整弹出窗口的位置，正如在几个类似问题中建议的那样，但没有成功

.dropv、.dropv ul{
填充：0；
保证金：0；
列表样式：无；
}
dropv a{
显示：内联；
宽度：185px；
}
李先生{
浮动：左；
填充：0px 8px 2px 0px；
}
/*所有列表项*/
杜洛夫·李·乌尔{
位置：固定；
背景颜色：浅黄色；
填充：0px 0px 0px 4px；
宽度：185px；
左：-9999px；
}
/*二级名单*/
李：悬停{
左：自动；
}
/*在悬停的列表项下嵌套列表*/
李先生{
颜色：蓝色；
文字装饰：无；
显示：块；
}
a:悬停{
位置：相对位置；
文字装饰：下划线；
}

“+操作+”
收到的消息（字节）：“+writenbytes+”
流的数量：“+readBytes+”
已发送的消息（字节）：“+nbStreams+”
流的大小（字节）：“+sizeOfStreams+”
运行时间（毫秒）：“+elapsedTime+”

像这样的东西

.dropv、.dropv ul{
填充：0；
保证金：0；
列表样式：无；
}
dropv a{
显示：内联；
宽度：185px；
}
李先生{
浮动：左；
填充：0px 8px 2px 0px；
}
/*所有列表项*/
杜洛夫·李·乌尔{
背景颜色：浅黄色；
填充：0px 0px 0px 4px；
宽度：185px；
左：-9999px；
}
/*二级名单*/
李：悬停{
左：自动；
}
/*在悬停的列表项下嵌套列表*/
李先生{
颜色：蓝色；
文字装饰：无；
显示：块；
}
a:悬停{
位置：相对位置；
文字装饰：下划线；
}

“+操作+”
收到的消息（字节）：“+writenbytes+”
流的数量：“+readBytes+”
已发送的消息（字节）：“+nbStreams+”
流的大小（字节）：“+sizeOfStreams+”
运行时间（毫秒）：“+elapsedTime+”

删除位置：从.dropv li ul css中修复class@NishadK Ahamed：如果从css中删除position，整个列表只在页面加载时显示。它不会隐藏列表，而是用弹出列表附加内容