一旦浏览器窗口的大小从小于641px的任何大小调整为更大的大小,我想重置一个特定的元素。这是用伪代码编写的我要实现的示例:
if (browser.window <= 641px && browser.window.resizedTo > 641px) {
$( ".foo" ).removeClass( "bar" )
}
谢谢!
出于这个问题,我假设您的宽度是641px,但是如果您需要,我也将innerHeight变量保留在其中:
// Closure last-height/width
var lastX = window.innerWidth
var lastY = window.innerHeight
function fooOnResize() {
var x = window.innerWidth
var y = window.innerHeight
if (lastX <= 641 && 641 < x) {
$(".foo").removeClass("bar")
}
lastX = x
lastY = y
}
window.addEventListener("resize", fooOnResize)
// Also okay: window.onresize = fooOnResize
诀窍是基本上将最后一个大小保留在某些闭包变量中,然后在调整大小时可以进行比较。完成比较和工作之后,将当前的x / y存储为最后一个,以进行下一次调整大小。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句