我正在创建工具提示的动态位置,我先在 jsfiddle 上测试了代码,然后再将我的代码放入我的网站(在本地主机上使用 wordpress 构建),在 jsfiddle 上我的脚本可以工作,但是当我将代码放入我的网站时,它不起作用(在 Chrome 上不是动态的)因为不同的结果$(window).height()
。你可以检查这把小提琴 http://jsfiddle.net/3gczn/show/并尝试鼠标输入链接(第一个链接),然后在控制台查看日志,窗口高度的结果是wh :667
但在我的网站上窗口高度是wh :12024
and wh : 11970
(多变)
jQuery(document).ready(function ($) {
$('a[rel="bookmark"]').mouseenter(function () {
console.log($(window).height());
})
});
也用这个
jQuery(function($){
$(window).ready(function(){
console.log($(window).height());
});
$(window).on('resize', function(){
console.log($(window).height());
});
});
谷歌浏览器
小提琴:667
我的网站(wordpress):12024 - 可更改
Mozilla
小提琴:602
我的网站:585
我确定,我已经添加了严格的文档类型 https://stackoverflow.com/a/12902057/1297435.
I found 这个解释 https://stackoverflow.com/a/3044355/1297435
$(window).height()
是显示的视口的高度
网站。 (不包括工具栏和状态栏之类的东西)
$(document).height()
是文档中显示的高度
视口。如果它高于$(window).height()
你得到
用于滚动文档的滚动条
我认为在我的网站结果上$(window).height()
是用于滚动文档的滚动条chrome(仅供参考,我的网站有一个很长的页面)。如果是这样,我如何获得网站上视口的高度,是否有另一种方法可以在每个浏览器(chrome、mozilla、opera 等)中获得相同的视口结果(实际)高度?
注意:我不认为有用screen.height
因为它可以导致屏幕显示(包括浏览器的工具栏)