Javascript 若在浏览器窗口底部附近单击鼠标，则显示div的右下角

因此，我使用下面的代码来显示相对于鼠标单击位置的div左上角。 如果点击接近浏览器底部，我该如何考虑

现在的情况是，div显示在屏幕外，但让我向下滚动更多以查看div。它可以工作，但我希望它足够智能，无论我在浏览器屏幕上单击何处，都可以显示整个div

这是我到目前为止学到的：

 div1.style.top =  (event.clientY + self.pageYOffset) + 'px';
 div1.style.left = (event.clientX + self.pageXOffset) + 'px';

看一看。他描述了几种方法来检查元素是否对用户仍然可见

---

对于您的情况，这意味着您可以检查要显示的

div

是否可见。或者，如果不是这样的话：在光标位置的左上角（以及相对于光标的位置）进行swop操作。

你需要div的高度和窗口的高度，然后是一些简单的三年级数学技能。