$(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; }); //} } });});當(dāng)我刪除條件if (my>=e_top && my<=e_bottom)和if (my<e_top && my>e_bottom). 并且,如果鼠標(biāo)進(jìn)入mx <= 80面板內(nèi)的任何地方都是可見的;否則,它會(huì)慢慢隱藏。如果鼠標(biāo)距左側(cè) 80 像素以內(nèi)且位于面板的起始位置與其高度之間,我想顯示此面板。$(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; }); } } }); });那么,有什么解決辦法嗎?
如果鼠標(biāo)進(jìn)入特定區(qū)域,則在 mousemove 上隱藏元素
人到中年有點(diǎn)甜
2021-09-30 15:15:14