Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用css、jquery或php获得从窗口顶部到窗口上单击点(标记)的高度?_Jquery_Css - Fatal编程技术网

如何使用css、jquery或php获得从窗口顶部到窗口上单击点(标记)的高度?

如何使用css、jquery或php获得从窗口顶部到窗口上单击点(标记)的高度?,jquery,css,Jquery,Css,如何使用css、jquery或php获得从“窗口顶部”到“我的窗口点击点”的高度 嗨, 问题是: 我正在我的网页屏幕上显示弹出窗口,但弹出窗口的位置将要更改。我想转到我单击的中心。所以我想知道高度,但我无法得到高度 请给我一个解决方案或任何替代方案 提前感谢这是一个简短的基于jQuery的脚本,可以将元素移动到鼠标单击的任何位置: $("body").click(function(event) { $("#box").css({top: event.pageY, left: event.

如何使用css、jquery或php获得从“窗口顶部”到“我的窗口点击点”的高度

嗨, 问题是: 我正在我的网页屏幕上显示弹出窗口,但弹出窗口的位置将要更改。我想转到我单击的中心。所以我想知道高度,但我无法得到高度

请给我一个解决方案或任何替代方案


提前感谢

这是一个简短的基于jQuery的脚本,可以将元素移动到鼠标单击的任何位置:

$("body").click(function(event) {
    $("#box").css({top: event.pageY, left: event.pageX}).show();
});​
您可以在这里看到它的工作原理(以及相关的HTML/CSS):


传递给jQuery单击处理程序的事件中有许多不同的鼠标坐标位置。其中包括pageX、pageY、screenX、screenY、clientX和clientY。您可以在中查找每一项,以查看每一项的详细描述,从而决定您想要哪一项。如果您试图定位与单击内容相关的内容(包括滚动位置),那么您可能需要pageX和pageY,就像我在示例中使用的那样。

首先,确保页面上有有效的doctype,如HTML5 doctype。

要获取页面的高度,可以使用名为height()的jquery函数

谷歌“jqueryheight”获取更多信息

您还可以使用一些jquery插件来完成所有的工作,比如


玩得开心

@vin-由于您是StackOverflow的新手,您是否意识到您应该向上投票提供有用信息的答案(单击答案左侧的向上箭头),并且如果您能够找到一个能够成功回答您的问题的最佳答案,您应该通过单击答案左侧的复选标记对其进行标记。这两项行动都奖励那些花时间帮助你的人(通过在StackOverflow上给他们打分),鼓励他们回答其他问题(你的问题或其他问题),并帮助后来出现的其他人看到哪些答案更有用。嗨,JFriend,我正试着给你投票,但弹出框中显示了一条消息:“投票需要15%的声誉“现在我的名声是1。请让我知道如何提高我的声誉。感谢您提供此信息。@vin-当人们对您的问题进行投票时,当您将答案标记为已接受时,当您回答问题时,您的答案被投票或选择为最佳答案时,您将获得声誉积分。如果您将一个答案标记为最佳答案(单击问题左侧的复选标记),您将获得一些声誉分数。是的,您确实需要一些分数才能投票,但您不需要分数来标记最佳答案。谢谢,一旦我获得15个声誉,我将再次投票给您,谢谢。@vin-欢迎来到StackOverflow。你有了一个好的开始。
$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document