如果鼠标进入特定区域，则在 mousemove 上隐藏元素

Question

$(document).ready(function() {  var mx, my, anime = false;  var e_top = $('.panel-dock').css('top').split('px')[0]  var e_bottom = $('.panel-dock').css('height').split('px')[0]  e_top = parseFloat(e_top)  e_bottom = parseFloat(e_bottom)  $(document).mousemove(function(e) {    if (anime) {      return;    }    mx = parseFloat(e.clientX);    my = parseFloat(e.clientY);    console.log(my, e_top, e_bottom)    if (mx <= 80) {      //if (my >= e_top && my <= e_bottom) {        anime = true;        $('.panel-dock').animate({          left: 0,        }, 'fast', function() {          anime = false;        });      //}    } else if (mx > 80) {      //if (my < e_top && my > e_bottom) {        anime = true;        $('.panel-dock').animate({          left: -60,        }, 'slow', function() {          anime = false;        });      //}    }  });});当我删除条件if (my>=e_top && my<=e_bottom)和if (my<e_top && my>e_bottom). 并且，如果鼠标进入mx <= 80面板内的任何地方都是可见的；否则，它会慢慢隐藏。如果鼠标距左侧 80 像素以内且位于面板的起始位置与其高度之间，我想显示此面板。$(document).ready(function() {    var mx, my, anime = false;    var e_top = $('.panel').css('top').split('px')[0]    var e_bottom = $('.panel').css('bottom').split('px')[0]    $(document).mousemove(function(e) {        if  (anime) {            return;        }        mx = e.clientX;        my = e.clientY;        // console.log(my, e_top, e_bottom)        if (mx<=80) {            if (my>=e_top && my<=e_bottom) {                anime = true;                $('.panel').animate({                    left: '0',                }, 'fast', function () {                    anime = false;                });            }        } else if (mx > 80) {            if (my<e_top && my>e_bottom) {                anime = true;                $('.panel').animate({                    left: '-60',                }, 'slow', function () {                    anime = false;                });            }        }    }); });那么，有什么解决办法吗？