检测何时将浏览器窗口从特定大小调整为更大大小?

拉尔夫·大卫·阿伯纳西

一旦浏览器窗口的大小从小于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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用CSS将GIF大小调整为浏览器窗口尺寸

来自分类Dev

将html元素大小调整为最大浏览器大小

来自分类Dev

如何根据浏览器窗口大小调整文本大小

来自分类Dev

如何相对于浏览器窗口大小调整div的大小?

来自分类Dev

ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

来自分类Dev

用于捕捉浏览器窗口大小调整的 React JS 函数不起作用

来自分类Dev

Python Tkinter 将按钮大小调整为窗口大小

来自分类Dev

如何将标签调整为浏览器窗口大小?

来自分类Dev

调整浏览器窗口大小并截图

来自分类Dev

WPF将字体大小调整为窗口比例

来自分类Dev

将腻子窗口的大小调整为默认值

来自分类Dev

如何根据浏览器的大小调整自适应AdSense单元的大小

来自分类Dev

如何使div对齐并根据浏览器大小调整大小

来自分类Dev

如何使div对齐并根据浏览器大小调整大小

来自分类Dev

如何根据浏览器大小调整DIV元素的大小?

来自分类Dev

将窗口调整为特定大小

来自分类Dev

调整浏览器窗口大小时,li元素重叠

来自分类Dev

CSS窗口根据浏览器高度调整大小

来自分类Dev

如何仅跟踪浏览器窗口调整大小

来自分类Dev

调整浏览器窗口大小时,标题部分消失

来自分类Dev

调整浏览器窗口大小时禁用jquery插件

来自分类Dev

自动布局调整以适应不同的浏览器窗口大小

来自分类Dev

动态调整浏览器窗口填充画布的大小

来自分类Dev

UIContentContainer仅将大小调整为比之前设置的更大的值

来自分类Dev

调整浏览器窗口大小或缩放时元素将移动

来自分类Dev

HTML:如何将画布标签的大小调整为窗口的大小

来自分类Dev

调整浏览器窗口大小时,如何正确调整textarea的大小?

来自分类Dev

调整浏览器/窗口大小时,Div的JQuery / Javascript自动调整大小

来自分类Dev

浏览器窗口调整大小时如何在CSS中调整梯形大小

Related 相关文章

  1. 1

    使用CSS将GIF大小调整为浏览器窗口尺寸

  2. 2

    将html元素大小调整为最大浏览器大小

  3. 3

    如何根据浏览器窗口大小调整文本大小

  4. 4

    如何相对于浏览器窗口大小调整div的大小?

  5. 5

    ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

  6. 6

    用于捕捉浏览器窗口大小调整的 React JS 函数不起作用

  7. 7

    Python Tkinter 将按钮大小调整为窗口大小

  8. 8

    如何将标签调整为浏览器窗口大小?

  9. 9

    调整浏览器窗口大小并截图

  10. 10

    WPF将字体大小调整为窗口比例

  11. 11

    将腻子窗口的大小调整为默认值

  12. 12

    如何根据浏览器的大小调整自适应AdSense单元的大小

  13. 13

    如何使div对齐并根据浏览器大小调整大小

  14. 14

    如何使div对齐并根据浏览器大小调整大小

  15. 15

    如何根据浏览器大小调整DIV元素的大小?

  16. 16

    将窗口调整为特定大小

  17. 17

    调整浏览器窗口大小时,li元素重叠

  18. 18

    CSS窗口根据浏览器高度调整大小

  19. 19

    如何仅跟踪浏览器窗口调整大小

  20. 20

    调整浏览器窗口大小时,标题部分消失

  21. 21

    调整浏览器窗口大小时禁用jquery插件

  22. 22

    自动布局调整以适应不同的浏览器窗口大小

  23. 23

    动态调整浏览器窗口填充画布的大小

  24. 24

    UIContentContainer仅将大小调整为比之前设置的更大的值

  25. 25

    调整浏览器窗口大小或缩放时元素将移动

  26. 26

    HTML:如何将画布标签的大小调整为窗口的大小

  27. 27

    调整浏览器窗口大小时,如何正确调整textarea的大小?

  28. 28

    调整浏览器/窗口大小时,Div的JQuery / Javascript自动调整大小

  29. 29

    浏览器窗口调整大小时如何在CSS中调整梯形大小

热门标签

归档