Html 如何在悬停菜单之前隐藏浏览器的滚动

我唯一的问题是。我有css下拉菜单。在我将鼠标悬停在上面之前，我看到一个滚动条。当我进行调试时，我看到有隐藏的

li

元素。但当我在菜单上悬停时，滚动条消失了。似乎

li

元素正在变得样式化，它们变得越来越小，并在悬停后适合视图端口。问题出在菜单的这一部分产品>产品1

#cssmenu，
#cssmenu ul，
#cssmenu ul li，
#cssmenu ul li a，
#cssmenu#菜单按钮{
保证金：0；
填充：0；
边界：0；
列表样式：无；
线高：1；
显示：块；
位置：相对位置；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
#cssmenu：之后，
#cssmenu>ul:之后{
内容：“.”；
显示：块；
明确：两者皆有；
可见性：隐藏；
线高：0；
身高：0；
}
#cssmenu#菜单按钮{
显示：无；
}
#cssmenu{
宽度：自动；
字体系列：“开放式Sans”、Helvetica、Sans serif；
背景#39b1cc；
背景：-莫兹线性梯度（顶部，#51bbd2 0%，#2d97af 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#51bbd2）、颜色停止（100%，#2d97af））；
背景：-webkit线性梯度（顶部，#51bbd2 0%，#2d97af 100%）；
背景：-o-线性梯度（顶部，#51bbd20%，#2d97af100%）；
背景：-ms线性梯度（顶部，#51bbd2 0%，#2d97af 100%）；
背景：线性梯度（至底部，#51bbd20%，#2d97af100%）；
}
#cssmenu>ul{
背景：url（'images/bg.png'）；
盒影：插入0-3px0RGBA（0,0,0,0.05）；
}
#cssmenu.align-right>ul>li{
浮动：对；
}
#cssmenu>ul>li{
浮动：左；
显示：内联块；
}
#cssmenu.align-center>ul{
浮动：无；
文本对齐：居中；
}
#cssmenu.align-center>ul>li{
浮动：无；
}
#cssmenu.align-center ul{
文本对齐：左对齐；
}
#cssmenu>ul>li>a{
填充：18px25px21px25px；
右边框：1px实心rgba（80,80,80,0.12）；
文字装饰：无；
字体大小：13px；
字号：700；
颜色：#d3eced；
文本转换：大写；
字母间距：1px；
}
#cssmenu>ul>li:悬停>a，
#cssmenu>ul>li>a:悬停，
#cssmenu>ul>li.active>a{
颜色：#ffffff；
背景#32a9c3；
背景：rgba（0,0,0,0.1）；
}
#cssmenu>ul>li.has-sub>a{
右边填充：45px；
}
#cssmenu>ul>li.has-sub>a:：after{
内容：“；
位置：绝对位置；
宽度：0；
身高：0；
边框：6px实心透明；
边框顶部颜色：#d3eced；
右：17px；
顶部：22px；
}
#cssmenu>ul>li.has-sub.active>a:：after，
#cssmenu>ul>li.有子项：悬停>a{
边框顶部颜色：#ffffff；
}
#cssmenu ul{
位置：绝对位置；
左：-9999px；
顶部：60px；
填充顶部：6px；
字体大小：13px；
不透明度：0；
-webkit过渡：顶部0.2秒缓变，不透明度0.2秒缓变；
-moz过渡：顶部0.2秒缓变，不透明度0.2秒缓变；
-ms过渡：顶部0.2秒缓变，不透明度0.2秒缓变；
-o型过渡：顶部0.2秒缓变，不透明度0.2秒缓变；
过渡：顶部0.2秒缓变，不透明度0.2秒缓变；
}
#cssmenu.align-right ul{
文本对齐：右对齐；
}
#cssmenu>ul>li>ul:：之后{
内容：“；
位置：绝对位置；
宽度：0；
身高：0；
边框：5px实心透明；
边框底色：#ffffff；
顶部：-4px；
左：20px；
}
#cssmenu.align-right>ul>li>ul:：after{
左：自动；
右：20px；
}
#cssmenu ul：：之后{
内容：“；
位置：绝对位置；
宽度：0；
身高：0；
边框：5px实心透明；
右边框颜色：#ffffff；
顶部：11px；
左：-4px；
}
#cssmenu.align-right ul:：after{
右边框颜色：透明；
左边框颜色：#ffffff；
左：自动；
右：-4px；
}
#cssmenu>ul>li>ul{
顶部：120px；
}
#cssmenu>ul>li:悬停>ul{
顶部：52px；
左：0；
不透明度：1；
}
#cssmenu.align-right>ul>li:悬停>ul{
左：自动；
右：0；
}
#cssmenu ul{
填充顶部：0；
左侧填充：6px；
}
#cssmenu.align-right ul{
右边填充：6px；
}
#cssmenu ul>li:悬停>ul{
左：180像素；
排名：0；
不透明度：1；
}
#cssmenu.align-right ul>li:悬停>ul{
左：自动；
右：100%；
不透明度：1；
}
#cssmenu ul li a{
文字装饰：无；
字体大小：400；
填充：11px 25px；
宽度：180px；
颜色：#777777；
背景：#ffffff；
盒影：0 2px 2px rgba（0,0,0,0.1），1px 1px 1px rgba（0,0,0,0.1），-1px 1px 1px rgba（0,0,0,0.1）；
}
#cssmenu ul li:悬停>a，
#cssmenu ul li.active>a{
颜色：#333333；
}
#cssmenu ul li：第一个孩子>a{
边框左上半径：3px；
边框右上角半径：3px；
}
#cssmenu ul li：最后一个孩子>a{
边框左下半径：3px；
边框右下半径：3px；
}
#cssmenu>ul>li>ul:：之后{
位置：绝对位置；
显示：块；
}
#cssmenu ul li.has-sub>a:：after{
内容：“；
位置：绝对位置；
宽度：0；
身高：0；
边框：4px实心透明；
左边框颜色：#777777；
右：17px；
顶部：14px；
}
#cssmenu.align-right ul li.has-sub>a:：after{
左边框颜色：透明；
右边框颜色：#777777；
右：自动；
左：17px；
}
#cssmenu ul li.has-sub.active>a：：之后，
#cssmenu ul li.具有子项：悬停>a:：之后{
左边框颜色：#333333；
}
#cssmenu.align-right ul li.has-sub.active>a:：after，
#cssmenu.align-right ul li.具有子项：悬停>a:：after{
右边框颜色：#333333；
左边框颜色：透明；
}

CSS MenuMaker