This question already has answers here:
jQuery on window resize
(9个答案)
5年前关闭。
我们正在忙着编写投资组合类的插件。
我们需要知道如何在窗口调整大小后每次加载页面时让脚本知道屏幕的大小。在用户移动鼠标时,窗口大小会一遍又一遍地计算。我们只在第一次加载页面并调整页面大小时才需要这样做。
最好的解决方案是什么?谢谢!
这是示例的链接:portoflio
(9个答案)
5年前关闭。
我们正在忙着编写投资组合类的插件。
我们需要知道如何在窗口调整大小后每次加载页面时让脚本知道屏幕的大小。在用户移动鼠标时,窗口大小会一遍又一遍地计算。我们只在第一次加载页面并调整页面大小时才需要这样做。
最好的解决方案是什么?谢谢!
$(document).on("mousemove", function (event) {
var mouseposX = event.pageX;
var mouseposY = event.pageY;
windowX = $(window).width();
windowY = $(window).height();
offsetX = Math.round(-(mouseposX / windowX * (blokjeContainerWidth - windowX)));
offsetY = Math.round(-(mouseposY / windowY * (blokjeContainerHeight - windowY)));
});
这是示例的链接:portoflio
最佳答案
尝试在resize
对象上使用window
函数。然后,您可以使用.resize()
在加载时调用该函数
$(window).resize(function() {
var mouseposX = event.pageX;
var mouseposY = event.pageY;
windowX = $(window).width();
windowY = $(window).height();
offsetX = Math.round(-(mouseposX / windowX * (blokjeContainerWidth - windowX)));
offsetY = Math.round(-(mouseposY / windowY * (blokjeContainerHeight - windowY)));
}).resize();
关于jquery - jQuery窗口大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19838329/