Question

目前我有这段代码：

<body>

<ul id="menu">
   <li data-menuanchor="firstPage"><a href="#section1">1</a></li>
   <li data-menuanchor="secondPage"><a href="#section2">2</a></li>
   <li data-menuanchor="3rdPage"><a href="#section3">3</a></li>
   <li data-menuanchor="4thpage"><a href="#section4">4</a></li>
</ul>


<div id="fullpage">
   <div class="section" id="section0"><h1>0</h1></div>
   <div class="section" id="section1">
      <div class="slide" id="slide1"><h1>1.a</h1></div>
      <div class="slide" id="slide2"><h1>1.b</h1></div>
   </div>
   <div class="section" id="section2"><h1>2</h1></div>
   <div class="section" id="section3"><h1>3</h1></div>
   <div class="section" id="section4"><h1>4</h1></div>
</div>

</body>

所以，我有类似于第0节的介绍和其他部分的页面其余部分。我也有一个菜单，但我只想在第0节隐藏它。

我使用JS完成了这个：

$('#section0').on("mouseover",function(){ ;
    $('#menu').hide();
});
$('#section0').on("mouseout",function(){
    $('#menu').show();
});

还有这个：

$('#section0').mouseleave(function() {
    $('#menu').show();
});
$('#section0').mouseenter(function() {
    $('#menu').hide();
});

两种解决方案都有效，但并不完美。例如，如果有人使用滚轮向下移动页面并且他或她没有移动鼠标（只是滚轮），则不会显示菜单。或者，如果有人上升到例如地址栏，则会显示菜单。

你能告诉我任何提示或建议吗？提前谢谢你，原谅我的英语。

只在一个DIV中隐藏UL

0 个答案: