小编Man*_*eks的帖子

jquery $(window).width()和$(window).height()在视口未调整大小时返回不同的值

我正在使用jquery编写一个站点,该站点反复调用$(window).width()$(window).height()根据视口大小定位和调整元素大小.

在故障排除中,我发现在未调整视口大小时,在重复调用上述jquery函数时,我的视口大小报告略有不同.

想知道是否有任何特殊情况,任何人都知道这种情况何时发生,或者这是否就是这样.显示的尺寸差异为20px或更小.它发生在Mac OS X 10.6.2上的Safari 4.0.4,Firefox 3.6.2和Chrome 5.0.342.7 beta中.我还没有测试其他浏览器,因为它似乎并不特定于浏览器.我也无法弄清楚差异取决于什么,如果它不是视口大小,是否会有另一个因素导致结果不同?

任何见解将不胜感激.


更新:

这不是值$(window).width(),并$(window).height()正在改变.这是我用来存储上述值的变量的值.

它不是影响值的滚动条,变量值更改时不会显示滚动条.这是我的代码将值存储在我的变量中(我正在做的只是因为它们更短).

(这一切都在$(document).ready())

//最初声明变量对于其中的otehr函数是可见的 .ready()

var windowWidth = $(window).width(); //retrieve current window width
var windowHeight = $(window).height(); //retrieve current window height
var documentWidth = $(document).width(); //retrieve current document width
var documentHeight = $(document).height(); //retrieve current document height
var vScrollPosition = $(document).scrollTop(); //retrieve the document scroll ToP position
var hScrollPosition = $(document).scrollLeft(); //retrieve the document scroll Left position


function …
Run Code Online (Sandbox Code Playgroud)

jquery height resize viewport width

105
推荐指数
2
解决办法
45万
查看次数

标签 统计

height ×1

jquery ×1

resize ×1

viewport ×1

width ×1