Html 经过页面末尾的下拉菜单

* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
/*顶部边距框周围的边距*/
身体{
保证金：0；
}
纳瓦巴雷吉翁先生{
宽度：100%；
背景色：#333；
位置：相对位置；
显示器：flex；
}
纳瓦巴雷吉翁先生{
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
.hr下拉列表{
}
.HRdropdown.HRdropbtn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体：继承；
保证金：0；
宽度：100%；
}
.navbarRegion a:悬停，.HRdropdown:悬停.HRdropbtn{
背景颜色：蓝色；
光标：指针；
}
.hr下拉内容{
显示：无；
位置：绝对位置；
/*#F9F9为灰色*/
/*背景色：#f9f9f9*/
宽度：100%；
左：0；
最高：100%；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
背景色：#ccc；
}
.hr下拉列表内容.l2标题{
/*#4f98ffis蓝色*/
背景#4f98ff；
填充：10px；
颜色：白色；
}
.hr下拉列表：悬停.hr下拉列表内容{
显示：块；
}
/*三个相等的导航柱，彼此相邻浮动*/
.导航栏{
保证金：0；
弹性基础：自动；
柔性生长：1；
填充物：5px；
背景色：#ccc；
/*控制菜单项框着色的高度*/
垫底：2米；
}
a.导航栏{
浮动：无；
颜色：黑色；
/*控制菜单项之间的空间*/
填充物：5px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.NAVA列：悬停{
/*控制悬停的颜色*/
背景色：#ddd；
}
/*清除导航列后的浮动*/
纳夫罗先生{
显示器：flex；
柔性包装：包装；
弯曲方向：行；
}
/*响应式布局-使三个导航柱堆叠在彼此的顶部，而不是彼此相邻*/
@媒体屏幕和屏幕（最大宽度：600px）{
纳夫罗先生{
弯曲方向：立柱；
}
.导航栏{
弹性基准：100%；
高度：自动；
}
}
英国
我的标题
第一标题
第二标题
第三标题
第一标题
第二标题
第三标题
第一标题
第二标题
第三标题
<
我们的菜单


欢迎。。。等

您能否澄清这一点“但我需要用户能够在项目向下移动菜单时将鼠标悬停在项目上？”？因此，目前，菜单相当长，如果使用鼠标滚轮，您可以向下滚动，从而可以看到整个菜单。但是，如果您使用的是触控板，将鼠标移动到菜单底部，菜单就会消失。如果有人能帮助我，我将不胜感激@如果有人能帮助我，尼科舒尔茨会非常感激的。