Итак, у меня есть это выпадающее меню, когда вы наводите указатель мыши на ссылку, выпадающее меню появляется с переполнением как автоматически. Моя проблема заключается в том, что, как только я надену мышь на нижнюю ссылку или попробую ее прокрутить, наведение останавливается, и блок исчезает, как и до предела его высоты. Он делает это в Chrome и Firefox, но отлично работает в IE8. Предложения о том, что я могу сделать, чтобы исправить это? Вот мой код:Hover Drop Down With Overflow
CSS
*{margin:0px; padding:0px}
#container{background-color:pink;padding:30px;width:300px;}
#dropMenu{display: none;
height: 75px;
overflow: auto;
width: 200px;}
HTML
<div class="container">
<a href="#" onMouseOver="menuOpen()">Hover This</a>
<div id="dropMenu">
<a href="#">Menu Item1</a><br />
<a href="#">Menu Item2</a><br />
<a href="#">Menu Item3</a><br />
<a href="#">Menu Item4</a><br />
<a href="#">Menu Item5</a><br />
<a href="#">Menu Item6</a><br />
</div>
</div>
Script
<script type="text/javascript">
function menuOpen(){
document.getElementById('dropMenu').style.display = 'block';
}
document.getElementById('dropMenu').onmouseout = function (e) {
e = e || window.event;
var target = e.srcElement||e.target;
if (target.id == "dropMenu") {
document.getElementById('dropMenu').style.display = 'none';
}
};
</script>
Перед тем, как получить вопросы, пусть мой CSS в моем заголовке в правильных тегов стиля, divs находятся в теле, а скрипт - до тега body body.
Я не хотел импортировать всю библиотеку для одного эффекта зависания. Небольшие вещи, подобные этому, я нахожу JS более легким. IMO –
Достаточно справедливо, если это только одно событие. – VictorKilo