0
컨텍스트 메뉴가 필요하며 포인터 클릭을 닫을 위치를 설정하려고합니다. 그 위치는 고정되어있다.컨텍스트 메뉴가 포인터 아래로 이동합니다.
<ul id='cmenu'>
<li class='citem' id='c-edit'>EDIT</li>
<li class='citem' id='c-public'>PUBLIC</li>
<li class='citem' id='c-later'>PUBLIC LATER</li>
</ul>
JS
$(document).on('contextmenu', '.itemp', function(e) {
e.preventDefault();
var w = $('#cmenu').width();
var h = $('#cmenu').height();
var x = e.pageX;
var y = e.pageY;
var cx = window.innerWidth/2;
var cy = window.innerHeight/2;
var topb = y-h;
if (x <= cx) {$('#cmenu').css('left', x + 10 + 'px');}
else {$('#cmenu').css('left', x-w + 'px');}
if (y <= cy) {$('#cmenu').css('top', y + 'px');}
else {$('#cmenu').css('top', topb + 'px');}
$('#cmenu').show();
});
수평 위치는 항상 확인하지만, 수직 때로는 괜찮 - 때때로 약 50-70 픽셀 포인터 아래. 나는 이유를 볼 수 없다. 캐시 지우기가 도움이되지 않습니다. 당신이 좋아하는 경우
나에게 좋아 보인다 (https://jsfiddle.net/tbqwkpgg/). 문제를 재현 해 볼 수 있습니까? –